Html mailchimp/email客户端的图像对齐问题

使用Mailchimp，我试图在模板中添加一个标题+一个小图标。布局应如下所示：

<div class="mcnTextContent">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top" style="color:#606060; font-size:15px; line-height:100%; padding-top:10px; padding-right;0px; padding-bottom:0px; padding-left:17px;"><strong>MY HEADER HERE</strong></td>
    <td style="padding-top:0px; padding-right:0px; padding-bottom:0px;">
      <img src="myimagehere.jpg" class="captionImage mcnImage" style="display:block; max-width:30px;"/>
    </td>
  </tr>
</table>
</div>

标题文本在这里-小图标在这里

小图标应与标题文本水平对齐。如果我只是将图像拖放进去，那就不起作用了，它会使图像底部对齐

我尝试将该部分作为代码块添加，如下所示：

<div class="mcnTextContent">
<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top" style="color:#606060; font-size:15px; line-height:100%; padding-top:10px; padding-right;0px; padding-bottom:0px; padding-left:17px;"><strong>MY HEADER HERE</strong></td>
    <td style="padding-top:0px; padding-right:0px; padding-bottom:0px;">
      <img src="myimagehere.jpg" class="captionImage mcnImage" style="display:block; max-width:30px;"/>
    </td>
  </tr>
</table>
</div>

这里是我的标题

在mailchimp中，它看起来是正确的

然而，在gmail中，文本的对齐是错误的（填充似乎被忽略）。 在outlook中，填充是可以的，但图像大小格式化和文本样式一样被忽略

关于如何解决这个问题有什么想法吗？

---

谢谢。

< P>你可以考虑把你想要的“页眉”变成一个图像（例如使用PS图象处理软件）来精确控制你想要的东西。p>