Skip to content Skip to sidebar Skip to footer

Wrong Display Of Html E-mail In Outlook

I created an html e-mail with the following code:
  • max-width is ignored by Outlook.
  • padding-top is ignored by Outlook.
  • Outlook ignores width and height in a style sheet. Use <img width="180" /> instead.
  • This works consistently across every email client. It may not be the way I would code an email, I would rather put the image and text in their own <td> for better manipulation, but based on your important html test, I wanted to demonstrate a way to make things work.

    <table role="presentation" cellspacing="0" cellpadding="0" border="0" width="600">
      <tr>
        <td valign="middle" style="padding: 20px; background-color:orange;">
          <img src="http://placehold.jp/500x710.png" width="127" height="180" align="right"   style="display:block;">
          <p style="font-size: 40px; padding-left: 10px; margin-top: 0px;">This is my important<br>html test</p>
        </td>
      </tr>
    </table>
    

    Good luck.


    Post a Comment for "Wrong Display Of Html E-mail In Outlook"