JSFiddle - React, Tailwind, and code Playground

HTML

<div class="main">
    <div class="top">Top</div>
    <div class="bottom">Bottom</div>
</div>

CSS

.main {
    display: inline-block;
    height: 100px;
    border: solid 1px;
    line-height: 100px;
    vertical-align: middle;
}

.top, .bottom {
    line-height: normal;
    vertical-align: middle;
}