JSFiddle - React, Tailwind, and code Playground
HTML
<div class="ab_center">
</div>
CSS
.ab_center
{
height:300px;
width:300px;
background-color:#27f305;
position:absolute;
margin:auto;
top:0;
left:0;
right:0;
bottom:0;
}
<div class="ab_center">
</div>
.ab_center
{
height:300px;
width:300px;
background-color:#27f305;
position:absolute;
margin:auto;
top:0;
left:0;
right:0;
bottom:0;
}