These tables below all have the HTML + CSS ...
<TABLE><tr> table {
<td><TABLE style='margin: 20px; padding: 19px;'> width: 600px;
<tr><td></td></tr> border: 1px solid red;
</TABLE></td> empty-cells: show;}
</tr></TABLE> td {
border: 1px solid green;}
table.inner {margin: 20px;}
... and differ only in the value of 'padding:'. From top table to
bottom: 0px, 10px, 19px, 20px, 25px. Note that for a table over-constrained
within another table, when (padding >=margin), the margin is all allocated
to the right hand side of the table (and to the left if 'direction: rtl;'.
| 600px table for width comparison |