Vertically align horizontal inline-block elements
You can take a look here, I've made it from scratch...
So what I did here is, I've used display: table;
for the container element and am using display: table-cell;
for the child div
and as the child div
are now table cells, I used vertical-align: top;
so that the elements align to the top
in those cells
section {
display: table;
width: 100%;
}
section > div {
vertical-align: top;
display: table-cell;
width: 33%;
text-align: center;
}
<h4>Additional Info</h4>
<section>
<div>
<input type="checkbox" /><br />
<label for="">I've got a valid certificate permits</label>
</div>
<div>
<input type="checkbox" /><br />
<label for="">I've got a valid certificate</label>
</div>
<div>
<input type="checkbox" /><br />
<label for="">I certificate</label>
</div>
</section>