JSFiddle - React, Tailwind, and code Playground

HTML

<p>This is the text that should be located at the vertical center!</p>

CSS

html, body {
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
}

body {
   display: table;
}

p {
   display: table-cell;
   vertical-align: middle;
   text-align: center;
}