gap in Outlook Classic

UnsupportedMicrosoft Word · desktop

Fix & Workaround

Use cellpadding/cellspacing on tables, or padding on cells.

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

Client	Support
Gmail	Partial
Gmail Android	Partial
Gmail iOS	Partial
Outlook 365	Partial
Outlook (New)	Unsupported
Outlook iOS	Partial
Outlook Android	Partial
Apple Mail	Supported
Apple Mail iOS	Supported
Yahoo Mail	Unsupported
Samsung Mail	Supported
Thunderbird	Supported
HEY Mail	Supported
Superhuman	Supported

Related Features

!important accent-color align-items animation aspect-ratio backdrop-filter

Test your email across all 15 clients

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

Try Emailens Free