Gmail 应用程序在超链接下划线上显示单词之间的间隙

Question

I'm building email templates in Marketo. In the Gmail app for iOS, hyperlink underlines appear broken between hyperlinked words. I'd like the underline to be a solid line with no gaps.

Screenshot:

There is nothing particularly unique about how I have coded the anchor tags:

 <a href="${linkUrl}" style="display: inline-block;text-decoration: underline;">${linkText}</a>

I'm not experiencing this in any other email clients, and I haven't found anyone else seeking help on this issue. One other funny thing is that when you click the link in gmail, the gaps disappear.

Has anyone experienced anything like this? Any ideas what could be going on?

Answer 1

I've been having the same issue with Marketo doing this until today. I checked the HTML of the email & noticed that the words were on separate lines instead of just having a space between them. I replaced the space with a non-breaking space   and that seemed to fix the issue.