The demo works as expected in Safari. It even looks good in print emulation mode. When actually printing though, it ignores the css column-count property and renders in a single column layout.

@media print{ .newspaper { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px ...

This will divide the text in the div into 4 columns. We can also add the following properties: column-gap: It is used to give the space to the rules between columns. We can give column-gap in pixels.

Ryan Boudreaux looks at some of the most common typography problems and offers a tip to help keep them to a minimum in your web designs. The printed word has its own elements of style that are easier ...

The last time we covered the W3C's efforts to address CSS 3 it was in relation to typography and web fonts. Now, the same Cascading Style Sheets (CSS) Working Group has published a Last Call Working ...