HTML CSS newspaper style text layout

Recently, I needed for format a WordPress blog to have a two column newspaper style layout. I can be nice to have this layout to make text easier to read on larger monitors and devices. It’s a good idea to keep things responsive, so the columns will collapse on smaller devices such as phones or smaller screen tablets.

div{
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

Here’s a JSFIDDLE with a similar solution:

http://jsfiddle.net/4KUUt/5/

Comments