JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
    width:50%;
    height:50%;
    border:1px solid #000;
    position: absolute;
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    left: 50%;
}