JSFiddle - React, Tailwind, and code Playground

by GMK Hussain

HTML

<div class="main">
    <div class="centerme"><h2>Align vertically using CSS 3</h2></div>
</div>

CSS

.main {
    display: flex;
    align-items: center;
    justify-content: center;
    /* Safari: */
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}

.main {
    width: 100%;
    height: 400px;
    background: brown;
}

.centerme {
    background: yellow;
}