Why does my two-column signature collapse into one column in some email clients?

This usually happens when the image cell relies only on CSS width instead of the HTML width attribute. Some clients, particularly older Outlook versions, ignore CSS table-layout properties and fall back to stacking cells vertically when the explicit width attribute is missing.

Is a longer signature with more fields always more professional?

No. Past a certain point, additional fields (a fax number, five social icons, a full mailing address) crowd out the one or two pieces of information a recipient actually needs. The minimal text-only and single-column layouts consistently read as more senior and more polished than heavily decorated ones.

Should the CTA button be in the same row as my name, or separate?

Separate. A CTA competing with your name and title for attention in the same row tends to get ignored by both. Placing it in its own visually distinct row below the identity block gives it a clear, single purpose.

Email Signature Block Layouts: 5 Structures That Work

A "signature block" is the table structure that holds your content — independent of what font or color you use. Most rendering problems (a headshot pushing text off to a second line, a CTA button that wraps awkwardly on mobile) come from picking a layout that doesn't fit the amount of content you're putting into it, not from a bad color choice.

Here are the five block structures we see work reliably across Gmail, Outlook, and Apple Mail, and what each one is actually suited for.

1. Single-Column Stack (Text-Only)

Name, title, company, and contact details stacked vertically in one column, no image. This is the most compatible layout across every email client because it has no image-alignment logic to break, and it degrades gracefully to plain text.

Best for developers, executives who prefer restraint, and any signature that needs to stay legible in plain-text email clients.

htmlMinimal single-column skeleton — three stacked table rows, no nested columns.

<table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
  <tr><td style="font-weight: bold; font-size: 14px;">Alex Morgan</td></tr>
  <tr><td style="font-size: 12px; color: #475569;">Head of Product, Apex Technologies</td></tr>
  <tr><td style="font-size: 12px; color: #475569;">alex.morgan@apextech.io | +1 (555) 234-5678</td></tr>
</table>

2. Two-Column with Photo or Logo

A fixed-width image column (headshot or logo) on the left, text column on the right. This is the layout most likely to break in Outlook if the image doesn't have explicit width and height HTML attributes, because Word's rendering engine will ignore CSS max-width and let the image column expand past its cell.

Best for client-facing roles where a headshot builds trust: real estate, consulting, sales.

htmlTwo-column skeleton — the image cell must have a fixed width attribute, not just CSS.

<table cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse;">
  <tr>
    <td width="88" valign="top" style="padding-right: 16px;">
      <img src="https://cdn.example.com/avatar.jpg" width="72" height="72" style="width:72px; height:72px; border-radius:50%; display:block; border:0;" alt="Sarah Jenkins" />
    </td>
    <td valign="top" style="font-size: 13px;">
      <div style="font-weight:bold;">Sarah Jenkins</div>
      <div style="color:#475569;">Senior Real Estate Advisor</div>
    </td>
  </tr>
</table>

3. Stacked CTA Bar

A standard text block on top, with a distinct button-styled row underneath for a single call to action (book a call, view a report, schedule a demo). The CTA row is visually separated, usually with a top border or background color, so it doesn't compete with the identity information above it.

Best for sales teams and anyone whose signature exists partly to drive a specific next action, not just to identify the sender.

4. Minimal Text-Only (No Divider, No Image)

Name and title on one line, everything else omitted or condensed into a single contact line. This is deliberately the least visually prominent layout, and that's the point — it reads as understated rather than promotional.

Best for internal company email, academic correspondence, and any context where a heavier signature would look out of place next to the message itself.

5. Compact Mobile-First

The same information as the two-column layout, but with a smaller fixed image size (under 60px) and tighter line-height, so the block doesn't push below the fold on a phone screen. Roughly half of business email is read on mobile, and a signature block that looks proportional on a 27-inch monitor can dominate the entire visible screen on a phone.

Best for anyone who knows most of their recipients read on mobile: consumer-facing support teams, mobile-first startups.

How to Choose

If you're not sure which structure fits, work backward from what you're including, not from what looks good in isolation:

Have a license number, bar admission, or legal disclaimer to include? Use the two-column layout so the compliance text has its own row and doesn't crowd the name line.
Sending mostly cold outbound or sales email? Use the stacked CTA bar — one clear action beats a signature packed with five links.
Sending mostly internal or academic email? Use the minimal text-only layout so the signature doesn't outweigh the message.
Not sure how your recipients read email? Default to the compact mobile-first variant of whichever layout you pick — it degrades better than it inflates.

Email Signature Block Layouts Explained