JSFiddle - React, Tailwind, and code Playground

HTML

<div class="prnt">
    <div class="chld">
        <div class="txt">
            Line of text
        </div>
    </div>
</div>

CSS

.prnt{
    position:relative;
    height:400px;
    background-color:#aaa;
    width:300px;
}

.chld{
    position:absolute;
    height:100%;
    background-color:#888;
    width:200px;    
}

.txt{
    position:absolute;
    font-size:16px;
    margin-top:-8px;
    top:50%;
}