CSS3 multiple column layout

How to create css3 multiple column layout?In this post is describing how to create multiple column layout using CSS3.This is the easy and quick method to create css3 multiple column layout.Look at this diagram, then you can get better idea about this.

css3 multiple column layout Compatible Browsers

Browser	Compatible versions	Prefix
	5+	-moz
	12+	-webkit
	10+	-ms
	3.2+	-webkit
	11.1+	-o-

HTML Code

   
Lorem Ipsum enim aliquam elementum facilisis adipiscing, aenean etiam 

Applying css3 multiple column styles

.Columns-Wrapper {
/* Firefox */
	-moz-column-count: 4;
	-moz-column-gap: 10px;
	-moz-column-rule: 0px dotted black;
/* Safari and Chrome */
	-webkit-column-count: 4;
	-webkit-column-gap: 10px;
	-webkit-column-rule: 0px dotted black;
	column-count: 4;
	column-gap: 10px;
	column-rule: 0px dotted black;
}

column-count – Number of columns
column-gap – Space between each columns
column-rule – Just like a ruler between columns