Distorted HTML email in outlook

Question

I have an email template which works with other email client but, Outlook shows it as distorted (inner div). Here i have specified width of my inner div 920px but in not take effect in outlook. I have either tried this solution but not works

This is my html email template

<html>
   <body>
      <div style="width:950;margin:0px auto;">
         <img style="width:100%;" src="cid:header">
         <div style="background-color: #f3f3f3;width: 920px;padding: 15px 15px 20px 15px;margin: 0px;font-family: arial,sans-serif;font-size: 12.8px;box-sizing: border-box;color:#000;white-space:pre-line;" >
             Dear xyz
             <br><br>
             My mail body 
             <!-- Body might contain table  -->
             <br><br>
             support<br>
         </div>
         <a href='https://example.com'><img style="width:100%;" src="cid:footer"></a>
      </div>
   </body>
</html>

I have refer previous question and emailology but no solution found for div.

Please help me.

The common tip is to build HTML emails from tables rather than relying on divs & CSS — Alex K., Jul 11 '17 at 14:04
Outlook supports a maximum width of 800 pixels. You'll never get to 950. — gwally, Jul 11 '17 at 20:24

score 1 · Answer 1 · answered Jul 11 '17 at 14:04

1

You should not use standard front-end development solutions for emails. It's unfortunate, but using table-based layouts is still the best way to handle it. Also, as a general rule of thumb, email widths should fall between 600-800px at the max.

answered Jul 11 '17 at 14:04

johnniebenson

540
3
9

Distorted HTML email in outlook

1 Answers1