Подскажите пожалуйста, как правильно сделать идентичные пробелы между 25% инлайн-блоками на одной строке?
Нашел решение с флексом {justify-content: space-between;}, но интересует именно решение для инлайн-блоков.
* {
box-sizing: border-box;
}
body {
display: block;
margin: 0 auto;
}
.wrap {
display: block;
margin: 0 auto;
max-width: 1000px;
border: 1px solid;
text-align: center;
font-size: 0;
}
.wrap > div {
display: inline-block;
width: 25%;
height: 150px;
font-size: 100px;
border: 1px solid;
vertical-align: top;
}
<div class="wrap">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>