JSFiddle - React, Tailwind, and code Playground

HTML

<div>
   <table  border="1">
   <tbody>
   <tr>
      <td class="centerText">Cell 1</td>
      <td>Cell 2</td>
    </tr>
    <tr>
      <td class="centerText">Cell 3</td>
      <td>Cell 4</td>
    </tr>
    </tbody>
    </table>
</div>

CSS

.centerText{
   text-align: center;
}