JSFiddle - React, Tailwind, and code Playground

HTML

<div class="vert_element">Look at me!</div>

CSS

body, html {
    height: 100%;
    background :#f2f2f2;
}

.vert_element {
    padding: 20px;
    background: #e6e6e6;
    border: 1px solid #ccc;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}