JSFiddle - React, Tailwind, and code Playground

HTML

<!doctype html>
<body>
    <div class="str">
        <div class="cell">a</div>
        <div class="cell">b</div>
    </div>
    <div class="str">
        <div class="cell">c</div>
        <div class="cell">d</div>
    </div>
    <div class="str">
        <div class="cell">e</div>
        <div class="cell">f</div>
    </div>
</body>

CSS

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