How to create a link with no underline in HTML

Updated: 01/24/2018 by Computer Hope
No underline link on web page

All browsers that support style's that allow all underlines to be removed from a web page. Below are different examples of how you can remove the underline links on your site.

First, if you want all your links to have no underlines add the below CSS code in the <head></head> tags of your pages HTML code.

<style>a {text-decoration: none}</style>

If you want one link not underlined on your page creating a link similar to the below code anywhere in the <body></body> tags make the link not have an underline.

<p><a href="https://www.computerhope.com/" style="text-decoration: none">Computer Hope</a></p>

Example

Computer Hope

Tip

Although this is possible, we advice all users to not create links with no underlines. Every user browsing the Internet understands the concept of links being underlined and will assume any text not underlined is plain text, and not a link. Also, doing this to trick search engines into following links but not users is deceptive and could result in your site being delisted.

Additional information