JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<div class="box"></div>

CSS

.box {
    position:absolute;
    width:50%;
    height:400px;
    top:50%;
    left: 50%;
    margin-top: -200px;
    /* Half the height of the div */
    margin-left: -25%;
    /* Half the width of the div */
    background:#ccc;
}