JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="str" style="background:green;">
        <div class="cell">a<br>a<br>a</div>
        <div class="cell">b<br>b<br>b</div>
    </div>
    <div class="str" style="background:yellow;">
        <div class="cell">c<br>c<br>c</div>
        <div class="cell">d<br>d<br>d</div>
    </div>
    <div class="str" style="background:blue;">
        <div class="cell">e<br>e<br>e</div>
        <div class="cell">f<br>f<br>f</div>
    </div>     
</body>

CSS

.str {
    width:100px;
}
.cell {
    width:50px;
    float:left;
}