Written by me@grafxflow
11 Oct, 2012
10
12,182
Certain versions of Outlook have issues when using the ul tag with bullet points not appearing.
So if the following was placed in an email html template, you would see nothing except the text.
<ul>
<li>Point 1</li>
<li>Point 2</li>
<li>Point 3</li>
</ul>The easiest solution is to use a table and the bullet point html character (•).
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">•</td>
<td valign="top">Point 1</td>
</tr>
<tr>
<td valign="top">•</td>
<td valign="top">Point 2</td>
</tr>
<tr>
<td valign="top">•</td>
<td valign="top">Point 3</td>
</tr>
</table>Here are both examples, remembering that you would need to use CSS to make them look similar:
UL Tags (Don't work in Outlook) |
Table (Do work in Outlook) |
||||||
|
|
23 Apr, 2018
07 Nov, 2012
27 Jul, 2013
I am a Full-stack Developer who also started delving into the world of UX/UI Design a few years back. I blog and tweet to hopefully share a little bit of knowledge that can help others around the web. Thanks for stopping by!
Follow
20 May, 2025
11 Jul, 2023
Views: 172,828
Views: 74,068
Views: 73,158
Views: 47,478
10 Response