Style sheet preventing table cellpadding from working
table {
border-collapse: collapse;
}
th, td {
padding: 0;
}
<table cellpadding="10">
<tr>
<td padding="10">
Foo
</td>
...
...
</tr>
</table>
<td style="padding: 10px">
<table class="table">
<tr>
<td>
Foo
</td>
...
...
</tr>
</table>
.table td {
padding: 10px
}
table td {
padding:10px;
}
th, td {
padding: 0;
}
<table style="border-collapse: separate; border-spacing: 10px;">
...
</table>
table#foo {
border-collapse: separate;
border-spacing: 10px;
}
table {
border-collapse: collapse;
}
th, td {
padding: 0;
}
table.newStyle { padding:10px; }
<table class="newStyle">
<tr>
<td padding="10">
Foo
</td>
...
...
</tr>
</table>