Multi-Column CSS3

Example of using multi column :

* column-count: The desired number of columns for the element.
* column-gap: The padding between each column.
* column-rule: The divider for each column; can be used to specify a border.
* column-width: Used to specifically state the width of each column.

#wrapper p {
				-webkit-column-count: 4;
				-webkit-column-gap: 10px;

				-moz-column-count: 4;
				-moz-column-gap: 10px;

				column-count: 3;
				column-gap: 10px;

				-webkit-column-rule: 1px dotted #fff;
				-moz-column-rule: 1px dotted #fff;

View Demo


Geef een antwoord

Het e-mailadres wordt niet gepubliceerd.