JSFiddle - React, Tailwind, and code Playground

HTML

<div>
 <h3>
   <span>
   </span>
 </h3>
</div>

CSS

body {padding:150px;}
div {
    background:red;
    width:200px;
    height:200px;
    position:relative;
}
span {
    display:block;
    width:200px;
    height:200px;
    background:green;
    margin-top:-50%;
    position:absolute;
}