JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="str">
        <div class="cell">a<br>a<br>a<br>a</div>
        <div class="cell">b<br>b<br>b<br>b</div>
    </div>
    <div class="info">
        <div class="text">text<br>text<br>text<br>text</div>
        <div class="text">text<br>text<br>text<br>text</div>
    </div>       
    <div class="str">
        <div class="cell">c<br>c<br>c<br>c</div>
        <div class="cell">d<br>d<br>d<br>d</div>
    </div>
    <div class="info">
        <div class="text">text<br>text<br>text<br>text</div>
        <div class="text">text<br>text<br>text<br>text</div>
    </div>
    <div class="str">
        <div class="cell">e<br>e<br>e<br>e</div>
        <div class="cell">f<br>f<br>f<br>f</div>
    </div>
</body>

CSS

.str {
    width:100px;
    overflow: hidden;
    margin:25px 0;
}
.cell {
    width:50px;
    float:left;
}
.info {
    width:100px;
}
.text {
    width:50px;
    float:left;
}