JSFiddle - React, Tailwind, and code Playground

by tankchintan

HTML

<div id="outer-box">
    <span id="inner-box">VUDU</span>
</div>

CSS

#outer-box {
    width: 400px;
    height: 100px;
    background-color: #0F9ECE;
}

#outer-box:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

#inner-box {
    vertical-align: middle;
    display: inline-block;
}