JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<div class="outer">
<div class="outer"><span class="inner">Hello World</span></div>
</div>

CSS

.outer {
    position: relative;
    height: 300px;
    background-color: yellow;
}

.inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: green;
}