JSFiddle - React, Tailwind, and code Playground

by hughes

HTML

<div class="container">
    <div>
        <span>a</span>
    </div>
    <div>
        <span>b</span>
        <span>b</span>
        <span>b</span>
    </div>
    <div>
        <span>c</span>
        <span>c</span>
    </div>
    <div>
        <span>d</span>
        <span>d</span>
        <span>d</span>
        <span>d</span>
    </div>
</div>

CSS

.container {
    
}

.container>div {
    display: inline-block;
}

.container>div>span {
    display: block;
    border: 1px solid blue;
}