JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="row">
        <div class="el">foo</div>
        <div class="el">bar</div>
        <div class="el">foo<br />bar</div>
        <div class="el">foo</div>
        <div class="el">bar<br />bar<br />foo</div>
        <div class="el">foo</div>
        <div class="el">bar</div>
        <div class="el">foo<br />bar</div>
        <div class="el">foo</div>
        <div class="el">bar<br />bar<br />foo</div>
    </div>
</div>

CSS

*{ box-sizing: border-box }

div.container { border: 1px solid green; }

div.row { overflow: hidden; width: 100% }

div.el { border: 1px solid blue; float: left; display:block; width: 100px; margin: 3px; }