JSFiddle - React, Tailwind, and code Playground

by alexdickson

HTML

<div id="parent">
    <div id="child">child</div>
    
</div>

CSS

body,
html {
    width: 100%;
    height: 100%;
    background: blue;
    padding: 0;
}

#parent {
   width: 100%;
   height: 100%; 
   position: relative;
   background: pink;
}

#child {
   width: 200px; 
   height: 100px;
   position: absolute;
   top: 50%;
   margin-top: -50px;
   background: green;
}