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 text-decoration: none
code will not take.
Help much appreciated.
Code
.widget { height: 320px; width: 220px; background-color: #e6e6e6; position: relative; overflow: hidden; } .title { font-family: Georgia, Times New Roman, serif; font-size: 12px; color: #E6E6E6; text-align: center; letter-spacing: 1px; text-transform: uppercase; background-color: #4D4D4D; position: absolute; top: 0; padding: 5px; width: 100%; margin-bottom: 1px; height: 28px; text-decoration: none; } a .title { text-decoration: none; }
<a href="#"> <div class="widget"> <div class="title">Underlined. Why?</div> </div> </a>
The style rule em { text-decoration: none; } would not cause any change; the entire paragraph would still be underlined. However, the rule em { text-decoration: overline; } would cause a second decoration to appear on "some emphasized words".
none : no line is drawn, and any existing decoration is removed. underline : draws a 1px line across the text at its baseline. line-through : draws a 1px line across the text at its “middle” point.
By setting the text-decoration to none to remove the underline from anchor tag. Syntax: text-decoration: none; Example 1: This example sets the text-decoration property to none.
underline − An underline is drawn beneath the inline text. overline − An overline is drawn above the inline text. line-through − A line should be drawn through the middle of the inline text. blink − The inline text should blink on and off, analogous to the BLINK element introduced by Netscape.
a:link{ text-decoration: none!important; }
=> Working with me :) , good luck
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With