JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div id="strut"></div>
    <div id="page">
        <div id="inner_page">
            <h1>Galidie "jQzz" Clément</h1>
        </div>
    </div>
</body>

CSS

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

#strut, #page {
    display: inline-block;
    vertical-align: middle;
}

#strut {
    height: 100%;
}

#page {
    border: 1px solid #c00;
}

#inner_page {
    width: 750px;
    margin: 0 auto;
    background-color: #c00;
}

h1 {
    text-align: center;
    margin: 0;
}