JSFiddle - React, Tailwind, and code Playground

HTML

<div class="cell-wrap">
  <div class="cell">
    aligned text
  </div>
</div>

CSS

.cell-wrap {
  display: table; /* Сами создадим вокруг элемента таблицу */
  width: 100%; /* B зададим ей свойства */
}
.cell {
  height: 100px;
  border: 1px solid red;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  /*width: 100%; /*  Теперь это не нужно, т.к. единственная ячейка и так растянется до размеров таблицы. */
}