JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:200px;">
    <div class="boxContainer">
        <div class="box green">
            <ul><li>Item</li></ul>
        </div>
        <div class="box yellow">
            <ul><li>Item</li><li>Item</li></ul>
        </div>
    </div>
    <div class="boxContainer">
        <div class="box red">
            <ul><li>Item</li><li>Item</li><li>Item</li><li>Item</li></ul>
        </div>
        <div class="box cyan">
            <ul><li>Item</li><li>Item</li></ul>
        </div>
    </div>
</div>

CSS

.box {width:100px;}
.green {background-color:green;}
.red {background-color:red;}
.yellow {background-color:yellow;}
.cyan {background-color:cyan;}

.boxContainer {float:left;}