JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr>
            <td style="text-align: center; vertical-align: middle;">Text</td>
            <td style="text-align: center; vertical-align: middle;">Text</td>
    </tr>
</table>

<table border="1" id="cssTable">
    <tr>
        <td>Text</td>
        <td>Text</td>
    </tr>
</table>

CSS

td 
{
  height: 50px; 
  width: 50px;
}

#cssTable td 
{
  text-align: center; 
  vertical-align: middle;
}