JSFiddle - React, Tailwind, and code Playground

by Mikey

HTML

<div class="my-block">
       WORD1<br />
       WORDWORDWORDWORD2
    </div>

CSS

html, body {
            height: 100%;
            margin: 0;
            padding: 0;
            width: 100%;
        }

        body {
            display: table;
        }

        .my-block {
            text-align: center;
            display: table-cell;
            vertical-align: middle;
            background: yellow;
        }