Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

stop links having an underline on a space?

Tags:

html

css

Is there any way in html and css to stop links having an underline where there is a space? Say I want a small icon with a space and then text to all be a link but have no link between them, is it possible?

I don't want to have to have the icon jammed right next to the text :(

like image 568
NaughtySquid Avatar asked Mar 02 '13 11:03

NaughtySquid


People also ask

How do I get rid of underline in link HTML?

In HTML, text-decoration none (text-decoration:none;) removes all the Text element stylings like Underlines. So if you want to remove Underlines from Links you can use this text-decoration:none; CSS property to get rid of that underline from the texts/links.


1 Answers

Add a margin to your image - DEMO

img {
    margin-right: 15px
}
like image 82
Zoltan Toth Avatar answered Sep 21 '22 04:09

Zoltan Toth