JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<table id="main-table">
<thead>
  <tr>
    <th>This is the Table</th>
  </tr>
</thead>
<tbody>
  <tr>
    <td>Lorem impsun</td>
  </tr>
</tbody>
</table>
</body>

CSS

body{
  width: 100%;
  height: 100%;
}

table, th, td {
  border: 1px solid;
}

#main-table {
  margin-left: auto;
  margin-right: auto;
}