JSFiddle - React, Tailwind, and code Playground

HTML

<table border="1">
    <tr>
        <td align="center" valign="middle">Text</td>
        <td align="center" valign="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;}