JSFiddle - React, Tailwind, and code Playground

HTML

<span class="vertical-center">Center Text</span>
<br>

<br>


<span style="color: red;display:  inline-block;height: 60px;vertical-align: top; border: 1px solid #ddd; class="vertical-center-table-cell">Center Text</span>

CSS

.vertical-center {
  
  align-items: top;  height: 100px;
}

.vertical-center-table-cell {
  display: table-cell;
  border: 1px solid #ddd;
  height: 100px;
  vertical-align: middle;
}