编码 mailchimp 电子邮件内联样式无法正常工作

Question

所以我很容易编码运行现在在我们要为公司发送的电子邮件中包含我们的徽标新公司的图片我们是新代理人我不知道公司还没有任何 Blurb，但它仍然会出现

所以发生的事情是想对我的电子邮件添加一个小的背景更改，我们的徽标是白色的，其余的 body 是深灰色的，但是一旦我创建 div 在我的 body 它打破了我的图片和文字出现的地方

代码

<html> 
  <header> 
    <img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/_compresseds/03bb5db7-9357-47d4-b8ab-a6f0ae575554.jpg" style="max-width:80%;height:auto;padding-left:9%;"/> 
    <style>
      body {Color: ; background-color:white} div {background-color:#545454;padding-top:20px;padding-bottom:0.2px} 
    </style>
  </header>
  <body>
    <br>
    <h2 Style="Text-align:center;color:#A6ACAF;text-size:100%">We Are Now A</h2><h1 Style="text-align:center">LUK Agent <br><br> 
    <div> 
      <img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/images/08ed7f7f-6417-4719-a3bc-3bf29a97bd1b.jpg" style="max-width:70%;height:auto;padding-left:0%;"/> <p Style="Text-align:Center;Border:5% solid #364C94;Align:Center;padding:5px;width:68.5%;margin-left:15%">Small Blurp of LUK</p>
    </div>

当运行它在 w3schools 中时完美运行如果有人可以将此编码添加到他们的 Mailchimp 中，就会明白我的意思，它会破坏代码和结构

Answer 1

以下是一些准则：

关闭所有不是 self-closing 的标签（img 标签是 self-closing，但 body、html 和 h1 不是）。
不要在 header 中放置 img 标签。那里是不允许的。将其移动到 body.
不要使用空 CSS 命令，例如 'Color: ;'。
不要自己编写 CSS 命令，例如 'Align';
用小写字母写 CSS 命令和属性（不确定这是强制性的，但大写的情况很少见）。
为清楚起见使用缩进（HTML 结构）。

这将导致以下代码：

<html> 
  <header> 
    <style>
      body {color: black;background-color:white;} 
      div {background-color:#545454;padding-top:20px;padding-bottom:0.2px;} 
    </style>
  </header>
  <body>
    <img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/_compresseds/03bb5db7-9357-47d4-b8ab-a6f0ae575554.jpg" style="max-width:80%;height:auto;padding-left:9%;" />
    <br>
    <h2 style="text-align:center;color:#A6ACAF;text-size:100%">We Are Now A</h2>
    <h1 style="text-align:center">LUK Agent</h1>
    <br>
    <br> 
    <div> 
      <img src="https://gallery.mailchimp.com/2e2d72a3d233cacb63ee93d53/images/08ed7f7f-6417-4719-a3bc-3bf29a97bd1b.jpg" style="max-width:70%;height:auto;padding-left:0%;" /> 
      <p style="text-align:center;border:5% solid #364C94;padding:5px;width:68.5%;margin-left:15%;">
        Small Blurp of LUK
      </p>
    </div>
  </body>
</html>

编码 mailchimp 电子邮件内联样式无法正常工作

Coding mailchimp email inline styles not working as usual

html

css

inline-styles

mailchimp