JSFiddle - React, Tailwind, and code Playground

by Zevan

HTML

<div id="test">
      <div id="white">hi</div>
    </div>

CSS

#test{
        width:500px;
        height:250px;
        background-color:red;
        border:1px solid #ccc;
        /* float:left; take this out */ 
        margin:0px;
        padding:0px;
        display:table-cell;
        vertical-align:middle;
      }
      #white{
        width : 100px;
        height : 100px;
        background-color :white;
        margin-left : auto;
        margin-right : auto;
      }