JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>i can haz center?</p>
</div>

CSS

html,body{
    height:100%;
}

div{
    display: -moz-flex;    
    display: -webkit-flex;
    display: flex;
    border: 1px solid #ccc;
    min-height: 100%;
}

p{
    margin: auto;    
    padding: 20px;
    border: 1px solid #ccc;    
}