JSFiddle - React, Tailwind, and code Playground

HTML

<div id="multicolumn1" style="background-color:#333; height:200px; width:300px;">
    <div class="child">Hello</div>
    <div class="child">Test text text text text text text text text text text </div>
    <div class="child">3</div>
    <div class="child">4 text text text text text text text text </div>
    <div class="child">5</div>
    <div class="child">6 text text text text </div>
    <div class="child">7</div>
    <div class="child">8</div>
    <div class="child">9</div>
</div>

CSS

div#multicolumn1{
    -moz-column-count: 2;
    -moz-column-gap: 50%;
    -webkit-column-count: 2;
    -webkit-column-gap: 50%;
    column-count: 3;
    column-gap: 50%;
}
.child{
    background-color:#ccc;
    margin:5px;
}