JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
    <div class="helper"></div>
    <div class="child">TEXT</div>
</div>

CSS

.parent {
    height:100px;
    width:600px;
    border:1px solid #ff0000;
}

.helper {
    display:inline-block;
    height:100%;
    width:1px;
    background:green;
}

.child {
    display:inline-block;
    vertical-align:middle;
    border:1px solid #0000ff;
}