JSFiddle - React, Tailwind, and code Playground

HTML

<div>Div to be aligned vertically</div>

CSS

* {
  border: 1px solid black;
}
body {
    height: 1000px;
}

div {
  position: relative;
  top: 50%;
  transform: translateY(-50%); /* or try 50% */
}