JSFiddle - React, Tailwind, and code Playground

HTML

<div class="category">
    XXX<br>XXX<br>XXX<br>XXX<br>XXX<br>XXX<br>XXX<br>XXX<br>
</div>

<div class="category">
    222<br>222<br>222<br>222
</div>
    
<div class="category">
    333<br>333<br>333<br>333<br>333<br>333<br>333<br>333<br>
</div>
              
<div class="category">
    444<br>444<br>444<br>444<br>444<br>444<br>444
</div>

CSS

.category {
 display:inline;
 width: 50%;
 float: left;  
}