JSFiddle - React, Tailwind, and code Playground

by bitsmix

HTML

<div class="box">
    <p>some text</p>
    <table border="1" class="data-table">
        <tr>
          <td>100</td>
          <td>200</td>
          <td>300</td>
        </tr>
        <tr>
          <td>400</td>
          <td>500</td>
          <td>600</td>
        </tr>
    </table>    
    <table border="1" class="data-table">
        <tr>
          <td>100</td>
          <td>200</td>
          <td>300</td>
        </tr>
        <tr>
          <td>400</td>
          <td>500</td>
          <td>600</td>
        </tr>
    </table>
    <p>maybe some summary?</p>
</div>

CSS

.data-table {

    outline: 1px solid #BBA;
    display: inline-block;
}