Cascading Style Sheets/Multi-Column Layout

Multiple Column Layout
Multiple Column Layout is a new feature in CSS3 that will mostly render obsolete the need to set up fancy column partitioning with divs and tables. It is currently supported as experimental modules within WebKit and Gecko based browsers.

There are 5 properties relating to multi-column layout:
 * column-count: int;
 * column-width: width;
 * column-gap: width;
 * column-rule: thickness type color;
 * column-span:  or.

Here is the classic lorem ipsum text in 3 columns:

Lorem ipsum

2 columns with a dashed separator:

 Lorem ipsum

5 columns with a dotted separator:

 Lorem ipsum

This version ignores column count in favor of specifying the width of a column and the height of the text area, allowing it to grow horizontally.

 Lorem ipsum

The  property allows for items like images and headers to span multiple columns instead of being confined to one.

 Lorem ipsum