JSFiddle - React, Tailwind, and code Playground

HTML

<table>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
</tr>
<tr>
<td>d</td>    
<td>e</td>
<td>f</td>
</tr>
<tr>
<td>g</td>    
<td>h</td>
<td>i</td>
</tr>       
</table>

CSS

*{margin: 0;padding:0;}
table{margin:30px;}

table{
    border-collapse: seperate;
    border-spacing: 2px;
    background-color: lightGrey;
}

td{
    background-color:orange;
    border: 1px solid gray;
    padding: 6px;
}