JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <p>Hi. Please vertically center me.</p>
</div>

CSS

div {
    height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

div, p {
    border: 1px solid rgba(0, 0, 0, 0.3);
}