JSFiddle - React, Tailwind, and code Playground

by Tushar Bandal

HTML

<div class="content">
    <div class="centerBox">Test</div>
</div>

CSS

.content {
            height: 400px;
            width: 400px;
            background: red;
            text-align: center;
            display: table-cell;
            vertical-align: middle;
        }
        .centerBox {
            height: 100px;
            width: 100px;
            display: inline-block;
            background: #ffff00;
        }