JSFiddle - React, Tailwind, and code Playground

HTML

<div onclick="clickE()" id="parent">
   <div id="child">hi</div>
</div>

CSS

#parent{
   background-color: red;
   max-width: 800px;
   height: auto;
   margin: auto;
}
#child{
   position: absolute;
   width: 100%;
   height: 52px;
    /*display:none;*/
   display: block;
   background-color: blue;
   top:50%
    
}