This is a continuation of my series of CSS hints / tips / cheats for developers (and other technical-but-not-UI people).
The screenshots are in Chrome on a Mac. The originals were on Firefox on Ubuntu so I can tell you the behaviour is identical.
Part Three: Column Layout Using CSS (or: still no excuse to use tables)
3.1 Display Elements or Text in Columns
/**have to know the width **/
floaton the divs to get them to appear side-by side.
The code is much more intuitive organised this way - everything from a single column is grouped together in a single div. If this was done using tables, you’d have the content for a single column scattered in different cells on different rows of the table. Re-arranging the order of the columns in the case of tables is much more of a pain in the neck. With a div, it’s a simple move.