在 <td> Outlook 中并排的图像和文本无法正常工作答案

【问题标题】：Image & text side by side inside <td> outlook it's not working fine在 <td> Outlook 中并排的图像和文本无法正常工作
【发布时间】：2019-07-19 07:47:39
【问题描述】：

在 Outlook 中，图像和文本未正确对齐。文本正在下降，但在浏览器视图中显示得非常好。

我尝试添加 valign & vertical-algin middle 但对我不起作用可能是我需要添加一些条件编码，因为我有最新版本的 Outlook

对齐在浏览器中可以正常工作，但在 Outlook 中却不行

<table align="center" bgcolor="#ffffff" border="0" cellpadding="0" cellspacing="0" role="presentation" width="100%">
  <tbody>
    <tr>
      <td bgcolor="#4f2d7f" class="stack-column-center" dir="ltr" style="padding: 12px; font-size: 14px;  font-family: Arial;  color: rgb(255, 255, 255);  font-weight: bold; line-height: 1.2em;  text-align: center;" width="298">
        <img height="45" src="https://app.clickdimensions.com/blob/usgtcom-a4hdv/files/internet_white_teal.png?1563370289884" style="margin: 5px;vertical-align: middle;width:25px;height: 40px;" width="25" />
        <span style="vertical-align: middle;">Monday, July 15, 2019 | 2:00 pm ET</span>
      </td>
      <td bgcolor="#4f2d7f" class="stack-column-center" dir="ltr" style="padding:12px; font-size: 14px;  font-family: Arial;  color: rgb(255, 255, 255);  font-weight: bold; line-height: 1.2em;  text-align: center;">
        <img height="45" src="https://app.clickdimensions.com/blob/usgtcom-a4hdv/files/internet_white_teal.png?1563370289884" style="margin: 5px;width:25px;vertical-align: middle;height: 40px;" width="25" />
        <span style="vertical-align: middle;">1.5 CPE credits</span>
      </td>
    </tr>
  </tbody>
</table>

【问题讨论】：

标签： html css outlook html-email

【解决方案1】：

我建议您在其中创建另一个表。给它一行 2 个单元格，并将这些单元格上的内容对齐到中间。或者尝试将 display:inline-block 添加到图像和跨度

【讨论】：