JSFiddle - React, Tailwind, and code Playground

by Hashem Qolami

HTML

<div class="container">
    <h1 id="description">Play</h1>
</div>

CSS

.container {
    background-color: gold;
    height: 300px;
    text-align: center;
    font: 0/0 a;
}

.container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

#description{
    display: inline-block;
    vertical-align: middle;
    font: bold 2rem/1 Arial sans-serif;
}