Meerdere inline-block elementen naast elkaar in CSS
Als je meerdere inline-block elementen naast elkaar plaatst, zullen ze zich op een rij opstellen, vergelijkbaar met inline elementen:
<span>text</span>
<span>text</span>
<span>text</span>
span {
width: 100px;
height: 100px;
margin-bottom: 20px;
border: 1px solid red;
display: inline-block;
}
:
Gegeven zijn divs:
<div class="elem">text</div>
<div class="elem">text</div>
<div class="elem">text</div>
div {
width: 100px;
height: 100px;
border: 1px solid red;
}
Stel deze divs op een rij op door ze te transformeren naar inline-block elementen.
