Text-decoration: none not working

Question

Totally baffled! I\'ve tried rewriting the text-decoration: none line several different ways. I also managed to re-size the text by targeting it but the t

Answer 1

Try placing your text-decoration: none; on your a:hover css.

Answer 2

a:link{
  text-decoration: none!important;
}

=> Working with me :) , good luck

Answer 3

I had lots of headache when I tried to customize a WordPress theme and the text-decoration didn't help me. In my case I had to remove the box-shadow as well.

a:hover {
    text-decoration: none;
    box-shadow: none;
} 

Answer 4

Add a specific class for all the links :

html :

<a class="class1 class2 noDecoration"> text </a>

in css :

.noDecoration {
  text-decoration: none;
}

Answer 5

There are no underline even I deleted 'text-decoration: none;' from your code. But I had a similar experience.

Then I added a Code

a{
 text-decoration: none;
}

and

a:hover{
 text-decoration: none;
}

So, try your code with :hover.

Answer 6

You have a block element (div) inside an inline element (a). This works in HTML 5, but not HTML 4. Thus also only browsers that actually support HTML 5.

When browsers encounter invalid markup, they will try to fix it, but different browsers will do that in different ways, so the result varies. Some browsers will move the block element outside the inline element, some will ignore it.