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 DemoNo related posts.
Leave a Reply
Want to join the discussion?Feel free to contribute!