How to fix extra list bullet in Outlook
Matthew Dailey
Posted on July 6, 2020
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;"> </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.
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
November 29, 2024
November 29, 2024