JSFiddle - React, Tailwind, and code Playground

HTML

<div id="center"></div>

CSS

html, body{
    height:100%;
    width:100%;
}
    body{
        display:flex;
        flex-flow: row wrap;
        align-content:center;
    }
    #center{
        background:#000;
        height:200px;
        width:200px;
        margin:0 auto;
    }