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

Question

在这个html电子邮件按钮上，特殊字符（»）跳转到outlook中的文本下方。我尝试过显示：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

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