How Can I Get Rid Of The Default Large Space Between
I have an unordered list in an email template. On outlook there is a ridiculously large space between each list item. I've tried several methods - defining the space in tr and td b
Solution 1:
I would resort to tables for bullets. Its a little messy but we have total control over the look and feel.
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="30" align="center" valign="top" style="font-family: Helvetica, Arial, 'sans-serif';font-size:12px;padding-bottom:10px;">•</td>
<td align="left" valign="top" style="font-family: Helvetica, Arial, 'sans-serif';font-size:12px;padding-bottom:10px;">First line of bullet</td>
</tr>
<tr>
<td align="center" valign="top" style="font-family: Helvetica, Arial, 'sans-serif';font-size:12px;padding-bottom:10px;">•</td>
<td align="left" valign="top" style="font-family: Helvetica, Arial, 'sans-serif';font-size:12px;padding-bottom:10px;">Second line of bullet</td>
</tr>
</tbody>
</table>
The table is set to 100% so it will take up the width of the parent td when placed in. Let me know if this works for you.
Post a Comment for "How Can I Get Rid Of The Default Large Space Between