JSFiddle - React, Tailwind, and code Playground

by Alaksandar Jesus Gene

HTML

<div class="width-1-3">
  <table>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</div>
<div class="width-1-3">
  <table>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</div>
<div class="width-1-3">
  <table>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
    <tr>
      <td></td>
      <td></td>
      <td></td>
    </tr>
  </table>
</div>

CSS

.width-1-3{
  display:inline-block;
  width:33%;
}

  table {
    width: 100%;
    margin-bottom:15px;
    border: 1px solid lightgray;
    border-collapse: collapse;
    display:table;

  }

    table td, table th {
    margin: 0;
    padding: 5px;
    text-align: left;
    line-height: 12pt;
    min-height: 30px;
    border: 1px solid lightgray;
    border-collapse: collapse;
  }