JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">

<div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div>
<div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div>
</div>
<div class="row">

<div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div>
<div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div><div>Foo</div>
</div>

CSS

div.row{float:none; border:1px solid red; overflow:hidden}
div {float:left;}