Skip to main content

position in Outlook for Mac

SupportedWebKit · desktop

Support Details

Use table-based positioning instead of CSS position.

Before

<div style="position: relative;">
  <div style="position: absolute; top: 0; right: 0;">
    Badge
  </div>
  <p>Content</p>
</div>

After

<table role="presentation" width="100%" cellpadding="0"
  cellspacing="0" border="0">
  <tr>
    <td valign="top">Content</td>
    <td width="80" valign="top" align="right">Badge</td>
  </tr>
</table>

Use table-based positioning instead of CSS position

position is fully supported in Outlook for Mac. No workarounds needed.

Other Clients

ClientSupport
GmailUnsupported
Gmail AndroidUnsupported
Gmail iOSUnsupported
Outlook 365Partial
Outlook (New)Unsupported
Outlook ClassicUnsupported
Outlook iOSUnsupported
Outlook AndroidPartial
Apple MailPartial
Apple Mail iOSPartial
Yahoo MailPartial
Yahoo Mail AndroidPartial
Yahoo Mail iOSPartial
Samsung MailPartial
ThunderbirdSupported
HEY MailPartial
Proton MailSupported
AOL MailPartial
FastmailPartial
SuperhumanPartial

Related Features

Test your email across all 21 clients

Preview rendering, catch CSS issues, and get actionable fixes. Free.

Try Emailens Free