我正在尝试创建一个看起来像带有文本font-size：14px的按钮，该按钮居中居中，并带有特殊字符（›）font-size：40px;
似乎无法使右箭头（›）适当地垂直对齐以放置电子邮件。
目前，我正在使用：
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td bgcolor="#b8237" background="" height="42" width="196" style="color:#FFFFFF; font-family:Arial, Helvetica, sans-serif;font-size:14px;" align="center" valign="middle">
<a href="" alt="Get Your $1.50 Coupon" title="Get Your $1.50 Coupon" target="_blank" style="text-decoration:none;color:inherit;">
Get Your $1.50 Coupon
<span style="font-size:40px;">›</span>
</a>
</td>
</tr>
</table>
任何帮助将不胜感激。对于电子邮件，这必须是防弹的。我已经研究并尝试了多种不同的方法，但是空手而归。
同样，没有生成器允许对齐变化的字体大小的文本。
谢谢，
鉴于您希望这是防弹的，因此我对类似的建议是使用图像作为文本和箭头，并在其周围包裹一个锚点。否则，试图让每个电子邮件客户端都参与其中将是一场噩梦。
如果需要将其保留为文本，那么建议您为文本和箭头创建单独的单元格并将其设置为vertical-align: middle，但是不可避免地会在客户端之间产生令人讨厌的各种结果。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句