JSFiddle - React, Tailwind, and code Playground

by Johan Muller

HTML

<section>
    <article>Yeah!</article>
</section>

CSS

body, html {
    height: 100%;
    padding: 0px;
    margin: 0px;
}
section {
    text-align: center;
    width: 100%;
    height: 100%;
}
section:before {
    content:'';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
}
article {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}