JSFiddle - React, Tailwind, and code Playground

by Mohamed Mulla

HTML

<div class="parent">
    <div class="child">
        <h1>Hello World</h1>
    </div>    
</div>

CSS

.parent{
    background: yellow;
    height:100%;
    width:100%;   
    display:table;
}
.child{
    height:50px;
    padding:20px;
    background:pink; 
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
html,body{
   height: 100%;
   width:100%;
}