One
Two
Three
Four
Five
Six
Seven
Eight
Nine
Ten
.wrapper { border: 2px dotted rgb(96 139 168); width: 500px; } .box { display: flex; flex-wrap: wrap; gap: 10px; } .box>* { flex: 1 1 160px; }
<div class="wrapper"> <div class="box"> <div>One</div> <div>Two</div> <div>Three</div> <div>Four</div> <div>Five</div> <div>Six</div> <div>Seven</div> <div>Eight</div> <div>Nine</div> <div>Ten</div> </div> </div>