Remove underline from
elements

Question

Yes, I tried using text-decoration: none, nut it didn't seem to do anything. Here is my css:

.search-result 
{
    margin-left: -50px;
    padding: 20px;
    text-decoration: none;
    color: #2f2f2f;
}

And here is my html:

<ul style="list-style-type: none" id="myUL">
    <li class="search-result-other-pages">
        <a>
            Početna
        </a>
    </li>
    <li class="search-result">
        <a href="novosti-pc.html">
            Novosti
        </a>
    </li >
    <li class="search-result">
        <a>
            Galerija
        </a>
    </li>
    <li class="search-result">
        <a>
           MMA
        </a>
    </li>
</ul>

Never happened before. Last time it worked with text-decoration: none, but now it doesnt. If anyone knows how to fix this, please answer. Thanks!

score 3 · Answer 1 · answered Nov 25 '20 at 20:14

3

Links are underlined, not LIs.

.search-result a {text-decoration: none}

answered Nov 25 '20 at 20:14

pavel

25,361
10
41
58

score 2 · Answer 2 · answered Nov 25 '20 at 20:24

2

#myUL li a {text-decoration: none}

answered Nov 25 '20 at 20:24

Ali HaMza

218
2
5

Remove underline from elements

2 Answers2

Remove underline from
elements