JSFiddle - React, Tailwind, and code Playground

HTML

<table class="test">
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
    <tr>
        <td>Cell</td>
        <td>Cell</td>
        <td>Cell</td>
    </tr>
</table>

CSS

table.test td {
    background-color: lime;
    margin: 12px 12px 12px 12px;
    /*padding: 12px 12px 12px 12px;*/
}