JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
   <div class="content">
       <h1>Some Text</h1>
   </div>
</div>

CSS

.wrapper {
  height: 300px;
  background: red;
  width: 100%;
  text-align: center;
}

.content {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}