CSS inheritance on table cells in Outlook desktop clients

outlook-table-cells-css-inheritance.html

<!--
  CSS inheritance on table cells in Outlook
  
  Applying CSS to a table cell that has two or more cells within the same table will cause some CSS
  to be applied to all of the table cells in Outlook desktop clients.
-->

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td align="left" valign="top" style="padding-bottom:5px;">Cell 1 with 5px padding on the bottom</td>
		<td align="left" valign="top">Cell 2 will also get 5px padding on the bottom</td>
	</tr>
</table>

<!-- To avoid this, you have to nest a table and apply it to the inner table cell instead -->

<table border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td align="left" valign="top">
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					<td align="left" valign="top" style="padding-bottom:5px;">Cell 1 with 5px padding on the bottom</td>
				</tr>
			</table>
		</td>
		<td align="left" valign="top">Cell 2 doesn't get padding!</td>
	</tr>
</table>