Skip to main content
Emailens/Email CSS Support
Test Your Email

gap in Yahoo Mail

UnsupportedYahoo · webmail

Fix & Workaround

Use padding/margin on child elements instead of gap.

Before

<div style="display: flex; gap: 16px;">
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
</div>

After

<table role="presentation" cellpadding="0"
  cellspacing="0" border="0">
  <tr>
    <td style="padding-right: 16px;">Item 1</td>
    <td style="padding-right: 16px;">Item 2</td>
    <td>Item 3</td>
  </tr>
</table>

Use padding or margin on child elements instead of gap

Other Clients

ClientSupport
GmailPartial
Gmail AndroidPartial
Gmail iOSPartial
Outlook 365Partial
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSPartial
Outlook AndroidPartial
Apple MailSupported
Apple Mail iOSSupported
Samsung MailSupported
ThunderbirdSupported
HEY MailSupported
SuperhumanSupported

Related Features

!importantaccent-coloralign-itemsanimationaspect-ratiobackdrop-filter

Test your email across all 15 clients

Preview rendering, catch CSS issues, and get actionable fixes — free.

Try Emailens Free