Table-less Forms using CSS
Tutorials
How to create a form without the use of tables.
About the CSS Script
If your a CSS freak like me you might have your own way of creating table-less structures, one of my favorites is creating table-less forms. In my example, I created a contact form which you will notice the name text floats to the left and the input field floats to the right. The way I go about this is first I create the outside wrapper by using <fieldset> which you can control the width in your CSS. Next lets define the caption to our field set by using <legend>, call it contact, and then create the form. To break up my fields into their own rows i'm going to use unordered list <ul> and use no list styling so we don't have any unwanted bullets. Inside each <li> were going to add our labels and input fields. By putting our text in the label tags we can safely float our text to the left and input fields to the right.