How to prevent Microsoft Outlook from creating a blue link in the html where it is written www.algo.com

Question

I’m doing an email marketing with html text and images. In some parts of the text there is the address of a company: www.empresa.com.br, which should not be a link, only text.

When sending to test, gmail and outlook automatically create a clickable and underlined blue link.

I managed through "css", "font face" and "href=#" (I had to insert it to avoid underlined blue) to make the link without the blue color and without underline, although linking to nothing. But when I forward this outlook email, it creates the link again, to the company address.

Is there anything that can block outlook from creating this link? Make it read the text "www" and do not interpret as link?

Answer 1

You can use the property Pointer-Events to disable the click event.

.link {
  pointer-events: none;
  color: #000;
  text-decoration: none;
}

<a href="http://www.empresa.com.br" class="link">www.empresa.com.br</a>

Answer 2

you can link between the tag <pre>

<pre><a href="http://www.empresa.com.br" class="link">www.empresa.com.br</a></pre>

but by css would be more dynamic in the end, as the response of Laerte

Answer 3

.link {
  pointer-events: none;
  color: #000;
  text-decoration: none;
}

<font face="Arial, Helvetica, sans-serif" color="#5a5a5a"><a href="#" style="color:#5a5a5a; text-decoration:none; pointer-events: none; cursor: default;"><font face="Arial, Helvetica, sans-serif"  color="#5a5a5a">www.empresa.com.br</font></a></font>.