Two Column CSS Layout
So, once you’ve done a million different html input forms on it, you start to see that there are only a few shapes it can take. Let’s say you need a form like so:
Well, the CSS is here. Since it takes up the class attribute, you can still do a lot of customizations by use of the id attribute.
Imagine the above HTML without all the ugly colors =). The fieldset has a legend. The fieldset has two child divs, which become the columns. Each of those divs also contain a div for each row in the column. A nice clean line is created by labels between the label text and the input. What’s is you don’t have to put in a whole lot of complicated id=’x’ and class=’y’. All you have to do is give the fieldset a class of ‘twoCol’ and viola.
