JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap"><div class="center">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti dolorem quidem sit laboriosam iure totam quas eligendi laudantium nisi id sed pariatur porro alias quae repudiandae odio dolore tenetur. Perspiciatis.</div>
</div>

CSS

.wrap {
  text-align: center;
  height: 500px;
    background: #d4d4d4;
}
 
.wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.center {
  display: inline-block;
  vertical-align: middle;
  width: 300px;
}