JSFiddle - React, Tailwind, and code Playground

HTML

<table border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td><div>Content 1</div></td>
        <td><div>Content 2</div></td>
        <td><div>Content 3</div></td>
    </tr>
    <tr>
        <td><div>Content 4</div></td>
        <td><div>Content 5</div></td>
        <td><div>Content 6</div></td>
    </tr>   
    <tr>
        <td><div>Content 7</div></td>
        <td><div>Content 8</div></td>
        <td><div>Content 9</div></td>
    </tr>
</table>

CSS

table {
    border: 1px solid red
}
td > div {
    border: 1px solid #000;
    margin: 5px
}
tr:first-child > td > div {
    margin-top: 0
}
tr:last-child > td > div {
    margin-bottom: 0
}
td:first-child > div {
    margin-left: 0
}
td:last-child > div {
    margin-right: 0
}