JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content1" class="content">
    <div class="test" id ="1">1<br/>1<br/>1</div>
    <div class="test" id ="4">4</div>
    <div class="test" id ="6">6<br/>6</div>
</div>
<div id="content2" class="content">
    <div class="test" id ="2">2</div>
    <div class="test" id ="3">3<br/>3<br/>3<br/>3</div>
    <div class="test" id ="5">5</div>
    <div class="test" id ="7">7</div>
    <div class="test" id ="8">8</div>
</div>

CSS

.content{
    width:100px;
    float:left;
}

.test {
    margin: 5px;
    width: 90px;
    background-color: #666;

}