CSS: multi-column (newspaper) Layout

By Xah Lee. Date: . Last updated: .

This page shows you how to use CSS3 for multiple column layout, as in newspaper layout.

css multi-columns layout 2014-08-04
CSS multi-columns layout

CSS3 Multi-column Layout

To have multi-columns, use the attribute column-count: n, where n is the number of columns.

div.xyz {column-count: 3}

Test here: CSS Multi-Columns Test Page.

It is supported by Opera as of . Also supported by Internet Explorer 10.

as of :

Test page: CSS Multi-Columns Test Page 2.

Reference

http://www.w3.org/TR/css3-multicol/

Like what you read? Buy JavaScript in Depth
or, buy a new keyboard, see Keyboard Reviews.