JSFiddle - React, Tailwind, and code Playground

HTML

<div class="">
    <table>
      <tr>
        <th>dfdf</th>
        <th>sdfsd</th>
        <th>dfgdfg</th>
      </tr>
      <tr>
        <td>333</td>
        <td>111</td>
        <td>222</td>
      </tr>
      </table>
    <table>
      <tr>
        <th>dfdf</th>
        <th>sdfsd</th>
        <th>dfgdfg</th>
      </tr>
      <tr>
        <td>333</td>
        <td>111</td>
        <td>222</td>
      </tr>
      </table>
      <table>
      <tr>
        <th>dfdf</th>
        <th>sdfsd</th>
        <th>dfgdfg</th>
      </tr>
      <tr>
        <td>333</td>
        <td>111</td>
        <td>222</td>
      </tr>
      </table>
</div>

CSS

table {
  float: left;
    width:33%;
}