JSFiddle - React, Tailwind, and code Playground

HTML

<div class="A">
    <div class="B" >a</div>
    <div class="B" >b</div>
    <div class="B" >c</div>
    <div class="B" >d</div>        
    <div class="B" >e</div>
    <div class="B" >f</div>
</div>

CSS

div.A { background-color: Red; width: 150px;}
div.B { display: inline-block; height: 20px; width: 30px;}