JSFiddle - React, Tailwind, and code Playground

HTML

<div></div>

CSS

div {
        width: 320px;
        margin-left: -160px; /* negative value of element's width/2 */
        margin-top: -120px; /* negative value of element's height/2 */
        height: 240px;
        position: absolute;
        top: 50%; /* must always be 50% */
        left: 50%; /* must always be 50% */
        border: 1px solid;
    }