CSS 3 columns

CSS3 Create an equal-height text column through Column-count (several columns), Column-width, and column-gap (spacing between columns) property implementation

The following 3 columns are implemented, with 2em spacing between columns (although this is not very extensive for browser support) so far IE9 (including IE9) does not support

Code

. col{
-moz-column-count:3;
-moz-column-width:14em;
-moz-column-gap:2em;
-moz-column-rule:1px solid #ccc;
-webkit-column-count:3;
-webkit-column-width:14em;
-webkit-column-gap:2em;
-webkit-column-rule:1px solid #ccc;
Column-count:3;
Column-width:14em;
Column-gap:2em;
column-rule:1px solid #ccc;
}

First Look at:

CSS 3 columns