JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content_left">
    <div class="test" id="1">1
        <br/>1
        <br/>1</div>
    <div class="test" id="2">2</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 id="content_right">
    <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>

CSS

#content_left {
    float:left;
    width: 100px;
}
#content_right {
    float:left;
    width: 100px;
}
.test {
    margin: 5px;
    width: 90px;
    background-color: #666;
}