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!

selector li a { text-decoration: none; } – Hansana Dasanayaka Feb 16 '23 at 12:36 — Hansana Dasanayaka, Feb 16 '23 at 12:36

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

26,538
10
45
61

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

1

#myUL li a {text-decoration: none}

answered Nov 25 '20 at 20:24

Ali Hamza Yaseen

140
2
7

Remove underline from elements

2 Answers2

Remove underline from
elements