TAG
CSS
Result
Run
<div class="wrap"> <div>ITEM 1</div> <div>ITEM 2</div> <div>ITEM 3</div> <div>ITEM 4</div> </div>
.wrap { display: flex; flex-wrap: wrap; height: 100px; gap: 10px; justify-content: center; } .wrap > div { background: #CCC; flex-basis: 40%; }
Console
expand_less