I created an email template that displays correctly in other email clients, but Outlook is distorting the inner div. I have specified a width of 920px for my inner div, but it's not taking effect in Outlook. I attempted this solution from Stack Overflow, but it didn't work.
Below is a snippet of 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 referred to a previous question and emailology, but so far, I haven't found a solution for the distorted inner div in Outlook.
If anyone has suggestions or solutions, please help me out!