JSFiddle - React, Tailwind, and code Playground

HTML

<div class="center">
    <h1>Welcome</h1>
</div>

CSS

.center{
    /** CENTRAR NO ECRA * */
    margin: 0;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); 
    width: 50%;
    text-align: center; 
}