JSFiddle - React, Tailwind, and code Playground

HTML

<div class="vertical">Vertical aligned text!</div>

CSS

body {
  height: 100vh;
}
div.vertical {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}