Even though I don't code emails anymore, I wanted to share a fix for an Outlook bug I encountered awhile back. 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 in thinking there is another element after the unordered list. Insert this code snippet directly after the closing
<div style="display:none;"> </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;"> </div>
I hope this saves someone some time.