I had high hopes for at least the CSS3 Column styles being supported by the major and latest browsers. After an hour or two though, my hopes have shriveled to the don’t bother point.

These guys have fairly good support so I was off to a good start:

column-count: 2;
column-gap: 5px;
column-width: 50%;

The column-break-before: always sometimes works and sometimes doesn’t. Maybe I didn’t measure the secret sauce ingredients to properly bake the render.

And the one that can really help you “design” your page, Firefox gives up and completely ignores it: column-span: all. Internet Explorer 9 and below ignore the whole lot.

I’ll just ignore them, pretend like they don’t exist and revisit the styles and rules in a couple of years. In the meantime, I’ll happily carry on with float:left|right and width:49%.

PS— Gecko and Webkit need their vendor prefixes for most (and maybe all) rules to work. Love it.

#webdev #devhell