JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
  <span class="child">Centered text</span>
</div>

CSS

.parent {
  display: table;
  width: 100%;
 
}
.child {
  text-align: center;
  height: 120px;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  border: 2px solid #275cd8;
}