JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="row">
  <span>Text 1</span>
  <span>Text 2</span>
  <span>Text 3</span>
  <span>Text 4</span>
</div>
</div>

CSS

.container {
  display: table;
  width: 100%;
}

.row {
  display: table-row
}

span {
  display: table-cell;
  text-align: center;
}