JSFiddle - React, Tailwind, and code Playground

HTML

<table border=1>
    <caption>This is a table.</caption>
    <tr>
        <th>One</th>
        <th>Two</th>
        <th>Three</th>
    </tr>
    <tr>
        <td>Four</td>
        <td>Five</td>
        <td>Six</td>
    </tr>
</table>

CSS

table{
    border-collapse:collapse;
    margin:auto;
    padding:0;
    width: calc(100% - 40px);
}