How to create a link with no underline in HTML

Updated: 01/24/2018 by Computer Hope

No underline link on web pageAll 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 of your links to have no underlines add the below CSS code within the <head></head> tags of your pages HTML code.

<style type="text/css">a {text-decoration: none}</style>

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

<p><a href="" style="text-decoration: none">Computer Hope</a></p>


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 just 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