JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
         <div class="inner"> 1 </div
        ><div class="inner"> 2 </div
        ><div class="inner"> 3 </div
        ><div class="inner"> 4 </div
        ><div class="inner"> 5 </div
        ><div class="inner"> 6 </div
        ><div class="inner"> 7 </div
        ><div class="inner"> 8 </div
        ><div class="inner"> 9 </div
    </div>

CSS

.container { width : 300px; background:#c00; border:1px solid red; }
.inner     { width : 100px; background:#ccc; border:1px solid; display:inline-block; }