JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#content{
    width:200px;
}
.col{ width: 100px; float: left; }

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

}