Bulleted List

Creating a bulleted list for Email isn’t as straightforward as it is for creating one for Web. For Email, you’ll need a <tr> with two <td>s. The first <td> will hold the bullet itself, and the second <td> will hold the bullet content. The <td>s will need to have a valign top so the bullet in the left <td> will align with the first line of text. The bullet and the content need to be in two different <td>s because when the content wraps, you want it to line up with the content (not the bullet).

<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td align="left" valign="top" style="padding:0 20px 0 20px;">
      <table cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td width="30" align="right" valign="top" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; line-height:18px; color:#3a3a3a; padding:0 0 0 0;"><strong>&bull;&nbsp;</strong></td>
          <td align="left" valign="top" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; line-height:18px; color:#3a3a3a; padding:0 0 0 0;">This is Bullet 1. This is Bullet 1. This is Bullet 1. This is Bullet 1. This is Bullet 1. This is Bullet 1. This is Bullet 1. This is Bullet 1. This is Bullet 1. This is Bullet 1.</td>
        </tr>
        <tr>
          <td width="30" align="right" valign="top" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; line-height:18px; color:#3a3a3a; padding:0 0 0 0;"><strong>&bull;&nbsp;</strong></td>
          <td align="left" valign="top" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; line-height:18px; color:#3a3a3a; padding:0 0 0 0;">This is Bullet 2. This is Bullet 2. This is Bullet 2. This is Bullet 2. This is Bullet 2. This is Bullet 2. This is Bullet 2. This is Bullet 2. This is Bullet 2. This is Bullet 2.</td>
        </tr>
        <tr>
          <td width="30" align="right" valign="top" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; line-height:18px; color:#3a3a3a; padding:0 0 0 0;"><strong>&bull;&nbsp;</strong></td>
          <td align="left" valign="top" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; line-height:18px; color:#3a3a3a; padding:0 0 0 0;">This is Bullet 3. This is Bullet 3. This is Bullet 3. This is Bullet 3. This is Bullet 3. This is Bullet 3. This is Bullet 3. This is Bullet 3. This is Bullet 3. This is Bullet 3.</td>
        </tr>
      </table>
    </td>
  </tr>
</table>

Incorrect

<table cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td align="left" valign="top" style="font-family:Helvetica, Arial, sans-serif; font-size:14px; mso-line-height-rule:exactly; line-height:18px; color:#3a3a3a; padding:20px 20px 20px 20px;"><strong>&bull;&nbsp;</strong> This is an example of a bullet that is not set up correctly. This is an example of a bullet that is not set up correctly. This is an example of a bullet that is not set up correctly. This is an example of a bullet that is not set up correctly. This is an example of a bullet that is not set up correctly. This is an example of a bullet that is not set up correctly.</td>
  </tr>
</table>