JSFiddle - React, Tailwind, and code Playground

by br1ckb0t

HTML

<div class='vert_wrapper' id='parent'>
    <div class='vert_wrapped' id='child'>
        Hi!
    </div>
</div>

CSS

.vert_wrapped {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}



#parent {
    height: 500px;
    background: black;
}

#child {
    background: orange;
    height: 100px;
}