After doing a little investigating, it turns out Firefox 1.5 already supports pretty much what I'm looking for. And given that Flock is based on Firefox, that means we get to use it! How's that for serendipity?

So check it out. I made a little demo for those of you running Firefox 1.5 or Flock. Otherwise, here's a screencap of how it looks. Check out the source of the demo to see how this is done. Basically all you need is this:

.content {
- moz- column- width: 16em;
- moz- column- gap: 2em;
}

And here are some other resources:

• CSS3 Columns - Devmo
• CSS3 module: Multi-column layout
• Understanding XML: Firefox 1.1 Bells and Whistles
• Well, I'm Back: Gecko 1.8 For Web Developers: Columns

Technorati Tags: css, css3, flock, columns