Skip to content

[Outlook Office 365] letter-spacing / horizontal spacing not supported #164

Description

@evanstone-acn

Email Client
Outlook Office 365 for Windows 10

Expected Result
I've been using the fantastic code from @M-J-Robbins below, which provides inline horizontal spacing
<i style="letter-spacing:50px;mso-font-width:-100%;display:inline-block;width:50px">&#8202;</i>

Image

Actual Result
With limited support for letter-spacing in Outlook Office 365, this spacing no longer renders.
Further information please see the support ticket here - https://learn.microsoft.com/en-us/answers/questions/4677959/outlook-desktop-style-limitation-letter-spacing

Image

Alternative Options
The mso-font-width spacing from Mark's CTA button code still works (thanks again Mark)

I've found the following is a close work around
<i style="font:10px/10px auto;mso-font-width:500%;display:inline-block;width:50px">&emsp;</i>

The font styling is not required, you can use your em spacing based on default font-size, but I find resetting to a 10 base easier to work with for just this spacing code.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions