Marketing emails are always aligned at center

(0) Share

Report

Posted on by Community Member Microsoft Employee

Dear Experts,

I am designing a Marketing email and I want make it look like a normal email rather than beautiful marketing email. I am not sure how can I achieve it.

I noticed that table is aligned at center and hence whenever I receive email it is always aligned from center. As, I want to make it look like a normal email, I want to know if I can make table to left aligned. Is there a way?

Thanks in advance.

All responses (4)

Answers (1)

Somasree 5 on at

Like (0)

Report

RE: Marketing emails are always aligned at center

Hi, We are also facing the same problem. We are changing the HTML and after applying margin-left, the whole column moves to the left in the browser but when the email is opened from outlook, it still shows in the center.

Can you please tell us what changes you made in the HTML which resolved your issue?
cloflyMao 25,202 on at

Like (0)

Report

RE: Marketing emails are always aligned at center

Hi Vaibhav,

It's glad that your problem has been solved.

Regards,

Clofly
Suggested answer

Community Member Microsoft Employee on at

Like (0)

Report

RE: Marketing emails are always aligned at center

Thanks Clofly. This is helpful.

Apparently, I removed HTML source and write my own source. Because mine was text email, it worked out.

Thanks again
Verified answer

cloflyMao 25,202 on at

Like (0)

Report

RE: Marketing emails are always aligned at center

Hi Vaibhav,

Could you let me know how do you design marketing email, by modifying an OOB template or begin from a blank template?

In blank template, I didn't find table tag would be added to HTML source code automatically.

While it existed in an OOB template: Thank you, so I take it as example:

In the template, the content (<table class="body">) is not center aligned in fact, actually its a element which has 100% width to cover all body:

If we remove the attribute, then the content will look like left aligned:

In Email Designer and preview mode:

So I suggest you could copy and save source HTML code as a local HTML file to test appearance,

it would be different in your template or code, but you can test with developer tool inspector without changing code,

then update or remove attribute once you got the appearance that you want.

If you had any trouble please share me code if possible and I'll test.

Regards,

Clofly