JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:500px;height:300px;">
    <div style="height:20%;"></div>
    <div style="height:40%;"></div>
    <div style="height:80%;"></div>
</div>

CSS

div {
    display: table-cell; 
    vertical-align: bottom;
}

div div {
    display: inline-block;
    width: 10%;
    background: #0ff;
}