JSFiddle - React, Tailwind, and code Playground

HTML

<div class="del">
<div class="m_c"></div>
<div class="m_hov">vdf</div>    
</div>

CSS

.del {

}

.m_c {
position:absolute;
display:block;
width:500px;
height:200px;
background-color:silver;
left:50%;
margin-left:-250px;   
}

.m_hov {
position:absolute;
top:100px;
margin-top:-50px;    
width:100%;
height:100px;
    background-color:red;
    
}