JSFiddle - React, Tailwind, and code Playground

HTML

<div>


<table class="table">
    <tr>
    </tr>
</table>
<table class="table">
    <tr>
    </tr>
</table>
<table  class="table">
    <tr>
    </tr>
</table>
<table class="table">
    <tr>
    </tr>
</table>
<table class="table">
    <tr>
    </tr>
</table>
<table class="table">
    <tr>
    </tr>
</table>
<table class="table">
    <tr>
    </tr>
</table>
<table class="table">
    <tr>
    </tr>
</table>
<table  class="table">
    <tr>
    </tr>
</table>
</div>

CSS

.table { 
    font-size:14px;
    display:inline-table;
    padding: 0px; 
    margin: 0 auto;
    outline-color: red;
    outline-style: solid;
    width: 80px;
    height: 80px;
}
div{
  width:248px;
  font-size:0;
}