JSFiddle - React, Tailwind, and code Playground

HTML

<table id=table1>
    <tr><td align=center>No override</td></tr>
</table>

<table id=table2>
    <tr><td align=center>Override by CSS</td></tr>
</table>

CSS

table { width: 100%; border: 1px blue solid; }

/* THIS IS THE SOLUTION */
#table2 td { text-align: left; }