Is even easier:
.inner:nth-child(4n+1) {
clear: left;
}
.inner {
float: left;
margin: 5px;
}
<div class="column">
<div class="inner">1</div>
<div class="inner">2</div>
<div class="inner">3</div>
<div class="inner">4</div>
<div class="inner">5</div>
<div class="inner">6</div>
<div class="inner">7</div>
<div class="inner">8</div>
<div class="inner">9</div>
<div class="inner">10</div>
<div class="inner">11</div>
<div class="inner">12</div>
</div>
You can apply float: left
and clear float: left
every 4n+1 elements.
Ref: