HTML 电子邮件按钮不在同一行

Question

在这个 html 电子邮件按钮上，特殊字符 (») 在 Outlook 中跳到文本下方。我试过 display: inline;，改变行高、文本对齐和宽度。似乎没有任何效果。我只是希望那些特殊字符与文本保持在同一行。

HTML:

<table align="center">
<tr><td height="15px">&nbsp;</td></tr>
<tr>
<td>
<div>
  <a href="https://www.stuff.com"
   style="background-color:#97d700;border-radius:4px;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:16px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width: 250px; -webkit-text-size-adjust:none;”>Shop Now &#187; </a>
</div>
</td>
</tr>
</table>

Answer 1

尝试使用  （不间断 space）而不是普通的 space。这应该将单词和符号粘合在一起。

HTML 电子邮件按钮不在同一行

HTML Email button not staying on the same line

html

html-email