在Outlook中将间距添加到TD（HTML电子邮件）

Question

我目前正在Litmus中建立电子邮件通讯并进行测试。

新闻简报应如下所示（请参见下图）：

https://image.ibb.co/f4L7ma/Screen_Shot_2017_08_16_at_10_44_25.png

显然，它在Outlook中看起来不会很完美，但是在造型上有任何方法可以在Outlook中的标签之间添加间距。

这是新闻简报在Outlook 2013（Windows 7）中的呈现方式：

https://image.ibb.co/itK06a/Screen_Shot_2017_08_16_at_10_44_11.png

请注意，我处于测试的早期阶段，我只担心暂时的间隔。

我已经在下面附加了本节的代码：

<!-- Main Changes Content Row One Starts -->
<tr>
    <!-- Row One left Box Starts -->
    <td align="left" width="48%" bgcolor="#FFFFFF" style="padding-left:20px;padding-right:20px;padding-top: 20px;color: #222222; text-decoration: none;" class="100p mobile-column">
        <font face="'Open Sans', Arial, sans-serif">
            <!-- Change Text Here -->
            <span style="font-size:15px;font-weight: 400;color: #222222; text-decoration: none;">
                <strong>-</strong> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officiia.
            </span><br /><br />
        </font>
    </td>
    <!-- Row One left Box Ends -->

    <!-- Row One Right Box Starts -->
    <td align="left" width="48%" bgcolor="#FFFFFF" style="padding-left:20px;padding-right:20px;padding-top: 20px;color: #222222; text-decoration: none;" class="100p mobile-column">
        <font face="'Open Sans', Arial, sans-serif">
            <!-- Change Text Here -->
                <span style="font-size:15px;font-weight: 400;color: #222222; text-decoration: none;">
                    <strong>-</strong> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officiia.
                </span><br /><br />
        </font>
    </td>
    <!-- Row One Right Box Ends -->
</tr> 
<!-- Main Changes Content Row One Ends -->

如果有人在Outlook中对此有一个好的解决方法，那就太好了。

Answer 1

Outlook确实避免使用填充和边距，因此在这里最好连续添加td以增加间距。 此外，Outlook仅考虑系统字体，而不考虑Google字体。 并使用像素宽度而不是百分比。

<tr>
   <!-- Row One left Box Starts -->
   <td align="left" width="290" bgcolor="#FFFFFF" style="padding-left:20px;padding-right:20px;padding-top: 20px;color: #222222; text-decoration: none;" class="100p mobile-column">
   <font face="'Open Sans', Arial, sans-serif">
   <!-- Change Text Here -->
   <span style="font-size:15px;font-weight: 400;color: #222222; text-decoration: none;">
   <strong>-</strong> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officiia.</span>
   <br /><br />
   </font>
   </td>
   <!-- Row One left Box Ends -->
   <td align="left" width="20" bgcolor="#f5f4f4" class="100p mobile-column"></td>
   <!-- Row One Right Box Starts -->
   <td align="left" width="290" bgcolor="#FFFFFF" style="padding-left:20px;padding-right:20px;padding-top: 20px;color: #222222; text-decoration: none;" class="100p mobile-column">
   <font face="'Open Sans', Arial, sans-serif">
   <!-- Change Text Here -->
   <span style="font-size:15px;font-weight: 400;color: #222222; text-decoration: none;">
   <strong>-</strong> Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officiia.</span>
   <br /><br />
   </font>
   </td>
    <!-- Row One Right Box Ends -->
</tr>