JSFiddle - React, Tailwind, and code Playground
HTML
<div id="one"><div id="two">center</div></div>CSS
#one {
width:200px;
height:200px;
border: #000 1px solid;
}
#two {
position: relative;
height:80px;
width: 80px;
border: #000 1px solid;
top: 50%;
margin-top: -40px;
margin-left: auto;
margin-right: auto;
}