Categories:
bullet lists in Outlook workaround

How to Make Bulleted Lists Work in Outlook (2007-10-13-16)

Outlook (Desktop Client) can be compared to that reserved kinda person who always stays aloof and never joins the amiable group of other email clients. However, it is interesting to know that despite this, it still enjoys 6% of email client share in the market (Litmus Email Analytics – April 2017). As an implication, we cannot overlook its rendering issues howsoever.

New Call-to-action

Let’s discuss one of the major problems of Outlook that bothers several email developers out there.

The Problem of Unordered Lists in Outlook

A queer rendering challenge that Outlook puts forth is that of unordered lists. While all the other email clients work great when it comes to lists, Outlook doesn’t show bullets with <ul> and <li> tags.

Check out the screenshot below:before workaround-bullet lists in Outlook

Outlook 2003 won’t present this problem, but more recent versions of Outlook desktop client like Outlook 2007, 2010, 2013, and 2016 will invariably create an issue when it comes to the basic HTML tags of unordered lists.

The Workaround

struggle of bullet lists

To get rid of this problem, Campaign Monitor published a workaround which is quite successful but a bit too long.

Monks bring to you a simple workaround to beat this challenge.

Just insert the below-mentioned code to resolve the issue.

/*This is for Outlook 2007-10-13-16*/
<!– [if gte mso 9]>
<style>
li {text-align:-webkit-match-parent; display:list-item;text-indent: -1em;}
</style>
<![endif]–>
/*End for Outlook 2007-10-13-16*/

/*This is for Other all email clients*/
li {text-align:-webkit-match-parent; display:list-item;}
/*End for Other all email clients*/

Once you add this code, Outlook will display bullet points in your list… and that’s the end of your struggle. [We hope] 🙂

Here’s how it will look after the workaround:

after workaround- bullet lists in OutlookWrapping Up

Have you been forced to contend with any other challenges while working with Outlook? Check out our blog on Outlook Hacks.

In case you have any other queries, you can even get in touch with the Monks at hello@emailmonks.com.

The following two tabs change content below.
Kevin George
Kevin is the Head of Marketing at EmailMonks, one of the fastest growing email design and coding companies. He loves gadgets, bikes, jazz, and breathes ‘email marketing’. He is a brand magician who loves to engage, share insights with fellow marketers, and enjoys sharing his thoughts on the latest email marketing best practices at EmailMonks Blog.

2 thoughts on “How to Make Bulleted Lists Work in Outlook (2007-10-13-16)”

Leave a Reply

Your email address will not be published. Required fields are marked*