JSFiddle - React, Tailwind, and code Playground

HTML

<div id="main">
    <div id="zero">
        0
    </div>
    <div class="small">
        small text
    </div>
    <div class="small">
        large text large textlarge textlarge textlarge textlarge textlarge textlarge textlarge textlarge textlarge textlarge textlarge text
    </div>
    <div class="small">
        another small text
    </div>
</div>

CSS

#main{
    border:1px solid red;
    width:605px;
    border-spacing: 3px;
    overflow:hidden;
}
#zero{
    border:1px solid blue;
}
.small{
    border:1px solid green;
    display:table-cell;
    width:199px;
}