CSS3 Columns

Use CSS3 to create a set of columns on your website without having to assign individual layers and / or paragraphs for each column.

<style>
.columns {
-moz-column-count: 3;
-moz-column-gap: 30px;
-moz-column-rule: 1px solid #ccc;
-webkit-column-count: 3;
-webkit-column-gap: 30px;
-webkit-column-rule: 1px solid #ccc;
text-align: justify;
color:#333;
font-size:11px;
}
</style>
<div class=columns>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque congue 
feugiat vestibulum. Maecenas vitae nibh nulla, sed ornare eros. Etiam sollicitudin est eu risus
mollis tincidunt. Nam adipiscing accumsan eros, ut vehicula diam consectetur ac. Fusce volutpat,
mi sed tristique vehicula, metus eros vestibulum velit, at ullamcorper metus arcu non felis.
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis
sodales facilisis diam, ut posuere urna mattis at. Proin ius, magna non euismod pretium, diam
erat elementum felis, eget rhoncus diam augue semper nibh. Curabitur dictum, lorem a tempus
condimentum, nibh justo vestibulum risus, et mollis mauris eros vel nisl. Suspendisse
vitae leo libero. </div>

Related Posts

Multiple Columns CSS3, Borders CSS3, CSS3 Gradient Button, CSS3 Body Background Gradient, CSS3 RGBA