Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why doesn't Microsoft Outlook respect list styles when sending HTML emails?

Tags:

html

css

outlook

I have the following code and for the life of me I can't get it to work in Microsoft Outlook.

<ul style="margin-left: 50px; line-height: 50px; list-style: none;">     <li style="font-size: 1.5em; list-style: none;">[UniqueCode]</li> </ul> 

Is there another way to achieve the same result? I am attempting to send a HTML email to a group of people.

like image 839
PeanutsMonkey Avatar asked Aug 09 '11 23:08

PeanutsMonkey


People also ask

Why does my HTML email look different in Outlook?

Outlook versions use the Microsoft Word engine to render HTML emails. Email service providers such as Outlook interpret HTML code in different ways which can cause your email to look different in Outlook than what it looks like in your email marketing platform.

How do I fix HTML format in Outlook?

On the Tools menu, click Options, and then click the Mail Format tab. Under Message Format, in the Compose in this message format list, click HTML or Plain Text, and then click OK.

Does Outlook support HTML emails?

The Outlook email client does not natively provide the option to create HTML emails. However, the email client does offer the option to insert HTML code into the message body and render the code into visual content that can be emailed to your Office 365 Group or Google Group.


1 Answers

Have a look at Campaign Monitor's guide to CSS support in HTML emails.

list-style-image, list-style-position and list-style-type are not supported in Outlook 2007 or Outlook 2010.

Using table cells for layout is standard practice in HTML email builds because CSS support in Outlook is really bad.

Try using table cells with exact widths specified for the layout of your list, and have each item in a new row or separated by <br>s.

like image 103
marissajmc Avatar answered Sep 18 '22 16:09

marissajmc