JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#parent {
   position: relative;
    height: 300px;
    width:200px;
    background-color:green;
}

#child {
   height: 50%;
   width: 50%;
    position:relative;
    top:25%;
    left:25%;
   background-color:red;
}