CSS3 Columns in Flock

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

Author: Chris Messina

Inventor of the hashtag. #1 Product Hunter. Techmeme Ride Home podcaster. Ever-curious product designer and technologist. Previously: Google, Uber, Republic, YC W'18. View all posts by Chris Messina