JSFiddle - React, Tailwind, and code Playground

by Moes

HTML

<div class="vh">
    <div>Div to be aligned vertically</div>
</div>

CSS

.vh {
    background-color: #ddd;
    height: 400px;
    align-items: center;
    display: flex;
}
.vh > div {
    width: 100%;
    text-align: center;
    vertical-align: middle;
}