how to create a 2 column to seperate label and input element in a form

Posted by Blankman on Stack Overflow See other posts from Stack Overflow or by Blankman
Published on 2010-03-25T20:03:29Z Indexed on 2010/03/25 20:13 UTC
Read the original article Hit count: 417

Filed under:
|

My form looks like:

**

    <p><label>first name</label><input type=text name=fn /></p>
    <p><label>last name</label><input type=text name=ln /></p>

</div>
<div id="rightform">
    <p><label>state</label><input type=text name=state /></p>
    <p><label>city</label><input type=text name=city /></p>

</div>

**

I want the layout so all the labels line up on the left (with the label text right-aligned), and the input box all lined up, floating to the left.

So the form should look like:

          asdf-label INPUTBOX
           123-label INPUTBOX
   yet-another-label INPUTBOX

There will be another form on the right side of the above form (with the id=#rightform)

Really confused how to do this properly...

© Stack Overflow or respective owner

Related posts about html

Related posts about css