JSFiddle - React, Tailwind, and code Playground

by unknown601

HTML

<div>
    <span></span><h1>Text</h1>
</div>

CSS

div { 
    background: blue; 
    color: white;
    font-family: sans-serif;
    text-align: center; /* horizontally center */
    height: 500px; /* any height */
}

div span {
    height: 100%;
    vertical-align: middle;
    display: inline-block; }
div h1 {
    margin: 0;        
    vertical-align: middle;
    display: inline-block; }