Table Layout Guide

HTML tables are the foundation of email signature layouts, providing the most reliable rendering across email clients.

Table Basics

<table cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td style="padding-right:16px">
      <img src="{{logo}}" width="80" />
    </td>
    <td>
      <strong>{{name}}</strong><br>
      {{role}}
    </td>
  </tr>
</table>

Nested Tables

Use nested tables to create complex layouts. Each section of your signature (header, contact info, social icons) can be its own table.

Layout Tips

  • Always set cellpadding="0" and cellspacing="0"
  • Use padding on <td> elements for spacing
  • Set explicit width on images
  • Use valign="top" for consistent vertical alignment