CODEWITHSUNDEEP
htmlhtml-email
QBuno
QBuno

Reputation: 61

HTML Email button not staying on the same line

On this html email button the special character(») is jumping down below the text in outlook. I have tried display: inline;, changing the line height, text-align, and width. Nothing seems to be working. I just want those special characters to stay on the same line as the text.

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>

Upvotes: 0

Views: 536

Answers (1)

Pekka
Pekka

Reputation: 449595

Try using a &nbsp; (non-breaking space) instead of a normal space. That should glue the word and the symbol together.

Upvotes: 2

Related Questions