JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr class="foo">
        <td>111</td>
        <td>222222</td>
    </tr>
    <tr>
        <td>333</td>
        <td>444</td>
    </tr>
</table>

CSS

.foo { 
        display: table;            /* this makes borders/margins work */
        border: 3px solid black;
        margin: 5px;
}
td {
    background-color: #ddd;
    border: 1px solid #666;
    padding: 10px;
}