How to fix extra list bullet in Outlook

mdailey77

Matthew Dailey

Posted on July 6, 2020

How to fix extra list bullet in Outlook

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 </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>
Enter fullscreen mode Exit fullscreen mode

I hope this saves someone some time.

💖 💪 🙅 🚩
mdailey77
Matthew Dailey

Posted on July 6, 2020

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related