JSFiddle - React, Tailwind, and code Playground

by Mohit Kumar Gupta

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; /* 'cellspacing' equivalent */
    *border-collapse: expression('separate', cellSpacing = '5px');
    /*border-collapse: collapse;*/
    border-spacing: 5px; 
    
    /*border-spacing: 8px 2px;*/
    background-color: lightGrey;
}
table td, table th
{
    padding: 6px; /* 'cellpadding' equivalent */
    background-color:orange;
    border: 1px solid gray;   
}