JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <table id="a">
        <Tr><td></td><td></td></tr>
        <Tr><td></td><td></td></tr>
    </table>
</div>
<div>
    <table id="b">
        <Tr><td></td><td></td></tr>
        <Tr><td></td><td></td></tr>
    </table>
</div>

CSS

div {border: 2px solid red}

table {
    border-collapse: separate;
    border-spacing: 20px;
}

table#b {
    margin: -20px;
}

table td {
    width: 5em;
    height: 2em;
    border: 1px solid black;
}