JSFiddle - React, Tailwind, and code Playground

HTML

<div class="chart">
        <div style="height: 40px; width: 5px; float: left; padding-bottom: 0px">
            4</div>
        <div style="height: 80px; width: 5px; float: left;">
            8</div>
        <div style="height: 150px; float: left;">
            15</div>
        <div style="height: 160px; float: left;">
            16</div>
        <div style="height: 230px; width: 13px; float: left;">
            23</div>
        <div style="height: 420px; float: left;">
            42</div>
    </div>

CSS

.chart div
        {
            font: 10px sans-serif;
            background-color: steelblue;
            text-align: right;
            padding: 3px;
            margin: 1px;
            color: white;
        }