Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Text-decoration: none not working

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>
like image 445
Olly F Avatar asked Jul 10 '12 18:07

Olly F


People also ask

What will happen to a text when you set its decoration to none?

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".

What does text-decoration none do in HTML?

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.

How do I turn off text decor?

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.

What is text-decoration blink?

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.


1 Answers

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

=> Working with me :) , good luck

like image 121
DongNguyen Avatar answered Oct 05 '22 23:10

DongNguyen