html - Outlook 2007 邮件跨度未显示在同一行中

Question

我的代码是:

    <span style="text-align:center; width:80px; display:inline-block;">
    <a href="#" target="_blank" style="text-decoration:none;">
   img here
    <span style="font-size: 13px; color: #301985; display:block; top:5px; position:relative;">content</span>
    </a>
    </span>
    <span style="text-align:center; width:80px; display:inline-block;">
    <a href="#" target="_blank" style="text-decoration:none;">
    img here
    <span style="font-size: 13px; color: #301985; display:block; top:5px; position:relative;">content</span>
    </a>
    </span>

问题是:

它在所有邮件中都运行良好。在 Outlook 2007 中，它显示如下图。

我希望内容显示在图像下方。但它在 Outlook 2007 中不起作用。

我找到了这个网址 https://www.campaignmonitor.com/css/

显示、 float 属性在 outlook 2007 上不起作用。还有其他解决方案可以实现我的设计吗？

Answer 1

使用<div>代替 <span>我希望它能帮助...