JSFiddle - React, Tailwind, and code Playground

HTML

<div class="first">
        <div class="second" style="vertical-align: middle;">
            <p>999999</p>
            <p>100</p>
            <p>200</p>
        </div>
        <div class="second" style="vertical-align: top;">
            <p>100</p>
            <p>200</p>

        </div>
        <div class="second" style="vertical-align: bottom;">
            <p>1000</p>
        </div>
    </div>

CSS

.first {
            background-color: lightblue;
            padding: 10px;
        }
        .second {
            background-color: orange;
            padding: 10px;
            display: inline-block;
            border: 1px solid black;
            margin-left: 10px;
        }