JSFiddle - React, Tailwind, and code Playground

by UnsungHero97

HTML

<div id="wrapper"></div>

CSS

#wrapper {
    width: 300px;
    height: 200px;
    border: 1px solid lime;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px; /* == half of the width of the element */
    margin-top: -100px; /* == half of the height of the element */
}