JSFiddle - React, Tailwind, and code Playground

HTML

<table id="multTable">
  <tr>
    <td>Hello, I'm a cell</td>
    <td>Hello, I'm a cell</td>
    <td>Hello, I'm a cell</td>
  </tr>
</table>

<table id="fullPageTable">
  <tr>
    <td>I'm full width</td>
    <td>I'm full width</td>
    <td>I'm full width</td>
  </tr>
</table>

CSS

#multTable {
  width: 100px;
  margin: 0 auto;
  
  border: 1px solid pink;
}

#fullPageTable {
  width: 100%;
  margin: 0 auto; /* won't work */
  
  border: 1px solid grey;
}