<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Removing the Default Underline from HTML Links</title> <style> a { text-decoration: none; border-bottom: 2px dotted; } a:hover { border-bottom: none; } </style> </head> <body> <p>This is <a href="#">very important!</a> paragraph.</p> </body> </html>