如何在电子邮件的html中添加span之间的空格？

Question

我正在制作电子邮件模板,所以我受限于我可以做的事情.

我有对齐="中心"但我仍然需要两个跨度之间的空间.我怎样才能做到这一点？

码:

<td width="659" height="28" bgcolor="#999999" align="center">
    <span style="color: #ffffff;font-family: Arial, sans-serif;font-size:20px;">
    CODE:</span> <span style="color: #ffffff;font-family: Arial, sans-serif;
    font-size:20px;font-weight:bold;">BEHAPPY</span><span style="color: #ffffff;
     font-family: Arial, sans-serif;font-size:20px;">• Ends 6/01</span>
            </td>

注意:我无法在电子邮件模板中使用边距或填充.

Answer 1

所有电子邮件客户端均不支持保证金.我在过去的填充中也有一些轻微的不一致,尽管它确实有效.

可能看起来像黑客(但不是电子邮件的html吗？) - 电子邮件中最安全的方式是 像这样使用多个:   .

我也用<font>标签代替<span>,它们更一致.

Answer 2

填充你想要的东西？

span{
padding-left: 15px;
}

Answer 3

试试这个 CSS：

span{
    margin-right: 10px;
}

这是演示：http : //jsfiddle.net/84qyG/

Answer 4

您可以使用填充或边距：\n http://jsfiddle.net/tpXF4/

\n\n

<td width="659" height="28" bgcolor="#999999" align="center">\n<span style="color: #ffffff;font-family: Arial, sans-serif;font-size:20px;padding-right:30px;">\nCODE:</span> <span style="color: #ffffff;font-family: Arial, sans-serif;\nfont-size:20px;font-weight:bold;">BEHAPPY</span><span style="color: #ffffff;\n font-family: Arial, sans-serif;font-size:20px;">\xe2\x80\xa2 Ends 6/01</span>\n        </td>\n

\n