You are on page 1of 1

.

col-2 {
width: 50%;
}
.col-3 {
width: 33%;
}
.col-4 {
width: 25%;
}
.col-5 {
width: 20%;
}
.col-2, .col-3, .col-4, .col-5 {
float: left;
}
.col-2 div, .col-3 div, .col-4 div, .col-5 div {
margin: 5px 10px;
}
.clear {
clear: both;
}
<div
<div
<div
<div

class="col-3"><div>First column of your content...</div></div>


class="col-3"><div>Second column of your content...</div></div>
class="col-3"><div>Third column of your content...</div></div>
class="clear"></div>

You might also like