In this CSS quick lesson, I show you exactly why links are underlined by default and how to remove that underline cleanly. In HTML, links are created with the <a> tag, and most browsers add an underline to make the link look interactive. That underline is just CSS text decoration, so once you understand that, controlling it becomes super simple. I walk through the core fix: using the text-decoration property and setting it to none. If you apply it directly to the a selector, you’ll remove underlines from every link on the page. If you only want to target specific links, I explain how I do it with a class (or an ID) so you don’t accidentally affect your whole UI. I also cover hover effects—sometimes you want a clean link by default, but still show the underline on hover for clarity. Finally, I share common mistakes I see all the time: forgetting the selector, mismatched class/ID names, and CSS rules overriding your change—where !important can help, but I recommend using it sparingly because debugging gets harder.