JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <div class="child">My center block</div>
</div>

CSS

.parent {
  line-height: 100vh;  
  text-align: center;
}
    
.child {
  display: inline-block;
  vertical-align: middle;
  line-height: 100%;  
}