Creating a form with floats, what is the general design when you need 2 columns, p and label?

Posted by Blankman on Stack Overflow See other posts from Stack Overflow or by Blankman
Published on 2010-03-25T15:19:59Z Indexed on 2010/03/25 15:23 UTC
Read the original article Hit count: 146

Filed under:
|
|

I want to design a form.

The form has 3 sections: user info, shipping and billing.

Each section will have 2 columns, so form fields and their labels with be on both the left and right side.

What technique should I use?

How does this look?

<div id="forms">
 <div id=contact>
      <div class=left>
               <p><label>Firstname<label><input type=text /></p>
      </div>
      <div class=right></div>
 </div>
 <div id=shipping></div>
<div id=billing></div>
</div>

Any tricks with the css i should know about?

© Stack Overflow or respective owner

Related posts about html

Related posts about css