JSFiddle - React, Tailwind, and code Playground

HTML

<body style="width:900px">
    <table class="measure_data">
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
    </table>

    <table class="measure_data">
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
    </table>
    <table class="measure_data">
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
        <tr>
            <td>test</td>
            <td>test</td>
        </tr>
    </table>
</body>

CSS

.measure_data {
    width: 295px;
    border: solid 1px;
    border-collapse: collapse;
    display: inline-block;
}