JSFiddle - React, Tailwind, and code Playground

by Anisuzzaman Khan

HTML

<div class="first">
    <div class="second">
        <span>TESTING</span>
    </div>
</div>

CSS

div.first > div.second {
    position: relative;
    border: 1px solid red;
    height: 2em;
}
div.first > div.second > span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}