JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blue">
    <p class="yellow top">
        999999<br>
        100<br>
        200
    <p class="yellow top">
        100<br>
        200
    <p class="yellow bottom">
        10000
</div>

CSS

.blue {
    background-color: #D7E1FD;
    padding: 10px;
}
p {
    margin: 0;
}
.yellow {
    background-color: #FEFA8F;
    border: 1px solid #373737;
    display: inline-block;
    margin-right: 10px;
    padding: 10px;
}
.top {
    vertical-align: top;
}
.bottom {
    vertical-align: bottom;
}