JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li style="height: 25px;">1</li>
    <li style="height: 13px;">2</li>
    <li style="height: 40px;">3</li>
    <li style="height: 20px;">4</li>
</ul>

CSS

ul li {
    float: left;
    
    border: 1px solid black;
}
ul li:nth-child(odd) {
    clear: left;
}