Html 不考虑表列宽度

我在整理一封HTML电子邮件时遇到了一点问题，它将在outlook中正确呈现。我最初通过使用列表项和列表样式图像属性使一切正常工作，但outlook不支持这一点

基本上，我有一个表，其中有两行，左侧有一个11像素的图像，用作自定义项目符号，右侧是一些文本

我的问题是，无论我做什么，我都无法使左侧的列保持11像素的宽度，这些列总是沿着表的中间等分。请帮忙

HTML

---

你想在电子邮件中使用css样式吗？那你在大多数客户身上都会过得很不愉快

尝试：

<table>
  <tr>
    <td width="144px">
        <img src="Small Image" />
    </td>
  </tr>
</table>

---

在电子邮件模板中，您应该始终将内联样式应用为“老派”样式

我试过了，没用。我已经写了很多带有CSS样式的电子邮件，到目前为止，它们都很好，我不知道为什么它会像这样从中间分开。问题出在Class=“Webinar”部分，它在Chrome、Firefox和IE中表现得非常好，所以是的，只是在Outlook中，但我不明白为什么像两列不同宽度这样简单的东西不起作用

td.webinar .left {
    width:11px;
    vertical-align:top;
    padding:0px
    margin:0px
}

td.webinar .right {
    width:144px;
    vertical-align:top;
    padding:0px
    margin:0px
}

td.webinar {
    background-color:#ccc6d2;
    border:1px solid #313131;
    padding-top:8px;
    padding-bottom:10px;
}

<table>
  <tr>
    <td width="144px">
        <img src="Small Image" />
    </td>
  </tr>
</table>