JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  <span class="block__text">Hello world</span>
</div>

CSS

.block {
  width: 200px;
  height: 200px;
  background-color: #ccc;

}
.block:before, .block span {
    display: inline-block;
    vertical-align: middle;
}
.block:before {
  content:'';
  width:0;
  height: 100%;
}