JSFiddle - React, Tailwind, and code Playground

by danield770

HTML

<div class="container">
    <div class="cent"></div>
</div>

CSS

*
{
  margin:0;padding:0;  
}

html,body
{
    height:100%;   
}
body
{
   display: table; 
   margin: 0 auto;
}

.container
{  
    height: 100%;
    display: table-cell;   
    vertical-align: middle;    
}
.cent
{
    height:50px;
    width:50px;
    background-color:black;      
}