JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outerDiv">
    <div id="innerDiv">
    </div>
</div>

CSS

#outerDiv{
        width: 500px;
        height: 500px;
        position:relative;
        border:1px solid red;
    }

    #innerDiv{
        width: 284px;
        height: 290px;
        position:absolute;
        top: 0px;
        left:0px;
    right:0px;
    bottom:0px;
    margin:auto;
          border:1px solid green;
    }