JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center"></div>

CSS

.center {
    display:table;
    position:absolute;
    height:400px;
    width:400px;
    background:red;
    left:50%;
    margin-left:-200px;
    top:50%;
    margin-top:-200px;
}