Pls help I'm stuck (Button is glitched)

HTML-CSS
1

Pls help i’m stuck
The button is glitched
Screenshot 2022-06-11 121919
Html Code:

<a href="1-Poverty.html">
            <ul class="nav-list">
              <li class="btn"><a href="#">More Info</a></li>
            </ul>
          </a>

Css Code:

.about .main .about-text .nav-list li.btn a{
    color: #1e56a3;
    background: transparent;
    border: 2px solid #1e56a3;
    width: auto;
    height: 1.1;
    line-height: 1.1;
}

.about .main .about-text .nav-list li.btn:hover a{
    color: #ffe299;
    background: #1e56a3;
    border: 2px solid #1e56a3;
    transition: .3s;   
}

.about .main .about-text .nav-list{
    list-style: none;
}
2

What do you mean by it’s glitched?

3

The button is not working as expected
There is a extra line that I want to eliminate

4

You can’t embed an anchor link inside an anchor link like that. It’s not valid HTML. Get rid of the outer one and see if that helps at all.

1 Like
5

Sir thanks It worked

6

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.