A CodePen by grappler.

index.html

<div class="one-col">
One Coloumn
</div>
<div class="two-col">
Two Coloumn
</div>
<div class="two-col">
Two Coloumn
</div>
<div class="three-col">
Three Coloumn
</div>
<div class="three-col">
Three Coloumn
</div>
<div class="three-col">
Three Coloumn
</div>
<div class="four-col">
Four Coloumn
</div>
<div class="four-col">
Four Coloumn
</div>
<div class="four-col">
Four Coloumn
</div>
<div class="four-col">
Four Coloumn
</div>
<div class="five-col">
Five Coloumn
</div>
<div class="five-col">
Five Coloumn
</div>
<div class="five-col">
Five Coloumn
</div>
<div class="five-col">
Five Coloumn
</div>
<div class="five-col">
Five Coloumn
</div>
<div class="six-col">
Six Coloumn
</div>
<div class="six-col">
Six Coloumn
</div>
<div class="six-col">
Six Coloumn
</div>
<div class="six-col">
Six Coloumn
</div>
<div class="six-col">
Six Coloumn
</div>
<div class="six-col">
Six Coloumn
</div>
<div class="seven-col">
Seven Coloumn
</div>
<div class="seven-col">
Seven Coloumn
</div>
<div class="seven-col">
Seven Coloumn
</div>
<div class="seven-col">
Seven Coloumn
</div>
<div class="seven-col">
Seven Coloumn
</div>
<div class="seven-col">
Seven Coloumn
</div>
<div class="seven-col">
Seven Coloumn
</div>
<div class="eight-col">
Eight Coloumn
</div>
<div class="eight-col">
Eight Coloumn
</div>
<div class="eight-col">
Eight Coloumn
</div>
<div class="eight-col">
Eight Coloumn
</div>
<div class="eight-col">
Eight Coloumn
</div>
<div class="eight-col">
Eight Coloumn
</div>
<div class="eight-col">
Eight Coloumn
</div>
<div class="eight-col">
Eight Coloumn
</div>

style.css

div {
  text-align: center;
	background: grey;
	float:left
}
.one-col {
	width: 100%
}
.two-col {
	width: 50%
}
.three-col {
	width: 33.33%
}
.four-col {
	width: 25%
}
.five-col {
	width: 20%
}
.six-col {
	width: 16.66%
}
.seven-col {
	width: 14.28%
}
.eight-col {
	width: 12.5%
}