JSFiddle - React, Tailwind, and code Playground

by Adam Mendoza

HTML

<table style="margin:auto;">
    <tr>
            <td style="text-align: center; vertical-align: middle;">Text</td>
            <td style="text-align: center; vertical-align: middle;">Texdft</td>
            <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>Texasdft</td> <td>Text</td> <td>Text</td> <td>Tedxt</td>
    </tr>
</table>

CSS

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