No replies
Last seen: 16 years 39 weeks ago
Joined: 2004-01-19
Posts: 1
Points: 0

I'm trying to get some submit buttons on a form with the following characteristics:

    * Fixed width (180px) * Text is left-aligned
    * Text will wrap
Here is the sample I am working with:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="">
    <style type="text/css" media="all">
        input {
            width: 180px;
            white-space: normal;
            text-align: left;
            display: block;
    <h2>Form Title</h2>
    <form method='get'>
        <input type="submit" name="ACTION1" value="A Short Title"/>
        <input type="submit" name="ACTION2" value="A Slightly Longer Title"/>
        <input type="submit" name="ACTION3" value="A Very Long Title for the Submit Button"/>

This has the following problems:

    * In Mozilla Firebird 0.7, the text will wrap, but it is not left aligned. * In IE5.5, the text is left aligned, but it doesn't wrap.

Any ideas on how to achieve what I want?