I'm struggling to create an HTML email that will display correctly in Outlook. I initially used list items and the list-style-image Property, but that doesn't work in Outlook.
Essentially, I have a table with 2 rows. The left row has an 11 pixel image as a custom bullet point, and the right row contains text.
My issue is that I can't seem to get the left column to stay at 11 pixel width, as the columns always split evenly in the table. Can someone please assist?
HTML
<table>
<tr>
<td>
<img src="Small Image" />
</td>
</tr>
<tr>
<td class="red">
<h4>
TEXT
</h4>
</td>
</tr>
<tr>
<td class="webinar">
<table>
<tr>
<td class="left">
<img src="/Bullet.png" />
</td>
<td class="right">
<p>
TEXT
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
CSS
td.webinar .left {
width:11px;
vertical-align:top;
padding:0px;
margin:0px;
}
td.webinar .right {
width:144px;
vertical-align:top;
padding:0px;
margin:0px;
}
td.webinar {
background-color:#ccc6d2;
border:1px solid #313131;
padding-top:8px;
padding-bottom:10px;
}