How to fix extra list bullet in Outlook 2013

I’ve seen my fair share of Outlook 2013 bugs when coding emails. However, I came across an Outlook 2013 bug recently I have never encountered before. An extra unordered list bullet appears at the end of the list even though the code itself is correct and no empty <li> elements are present. I learned this particular bug happens when the unordered list is the last element in an editable region, say a table cell. A situation where an unordered list is the last element doesn’t happen often, hence why I hadn’t encountered it before. The workaround is to trick Outlook 2013 in thinking there is another element after the unordered list. Insert this code snippet directly after the closing </ul> tag: <div style="display:none;">&nbsp;</div>

Here’s an example:
<p>Here is some text inside a paragraph tag</p>
<ul>
<li>List bullet 1</li>
<li>List bullet 2</li>
<li>List bullet 3</li>
</ul>
<div style="display:none;">&nbsp;</div>

I hope this saves someone some time.

Matthew Dailey

Web developer, photographer, and Photoshop user.