SAP Knowledge Base Article - Public

3088266 - Elements from Email Content are not Correctly Aligned on Outlook Client

Symptom

An email content created using Content Studio has an image and this image is configured to be center-aligned. The email is sent and it looks as expected on the Content Studio and on popular web email clients:

However, on Microsoft Outlook and Microsoft Email app on Windows 10 this image is not correctly center-aligned:

Environment

SAP Marketing Cloud

Reproducing the Issue

  1. Open Content Studio app;
  2. Create a new Email;
  3. Add a text block;
  4. Write some text;
  5. Add an image;
  6. Select the image and click on "Align Center" on the toolbar.

Cause

Microsoft apps use a completely different rendering engine than most email providers and web email clients. This means that it's not guaranteed that all elements of the email content are going to be displayed as expected on Microsoft apps.

Resolution

Please add an explicit styling to center your content. This can be done using the "Source Code" tab on the Content Studio or by editing the HTML code of the email content using your preferred text editor and uploading the new HTML file to SAP Marketing Cloud.

After changing the HTML code to force center align the image, the email can be correctly visualized on Microsoft Outlook:

See Also

You can find some examples in these external pages:

Hubspot - Emails Looking Funny in Outlook? Try These 7 Tricks for Making Them More Presentable
Jase Miller - A Fix for Outlook Image Issues in HTML Email Campaigns
Adobe - Centered Image won't stay centered when sent

Keywords

image alignment, outlook, windows email app , KBA , CEC-MKT-MEM , Content Studio: E-Mails and other messages , How To

Product

SAP S/4HANA Cloud 2105