Bulletproof lists in HTML email

Sometimes <ul>, <ol> and <li> elements can behave weirdly in certain email clients. Your list alignment can be all over the place in every email client, and all in different ways.

The way to fix this is not to use a list at all.

The absolute best way to achieve bulletproof lists in HTML email is to create a table with an &bull; character (or your chosen marker) in one column, with the content in a column next to it.

Some sample code is below:


Published by

Nicole Merlin

I'm an HTML email designer and developer from Melbourne, Australia. I love email, design, typography, calligraphy and curling up with a book.

  • Paul Shryock

    This was super helpful, thanks for writing!