JSFiddle - React, Tailwind, and code Playground

by blesh

HTML

<div class="dead-center">
    content here.
</div>

CSS

html, body {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
 .dead-center {
        width: 100%;
        height: 100%;
        display: box;
        box-orient: horizontal;
        box-pack: center;
        box-align: center;

        /* for cross browser */
        display: -webkit-box;
        -webkit-box-orient: horizontal;
        -webkit-box-pack: center;
        -webkit-box-align: center;
        display: -moz-box;
        -moz-box-orient: horizontal;
        -moz-box-pack: center;
        -moz-box-align: center;
    }