Html 导航栏和标签

关于标签ul和li，我仍然有一些困难

事实上，我想把我的导航栏水平，但它不工作

我不明白我的问题在哪里

看看结果

这里是我的块HTML

<div id="container_menu">
            <ul id="topnav2">
                <li class="active2"><href="index.php">HOME</a></li>
                <li><a href="#">ABOUT US</a></li>
                <li><a href="#">INVESTEMENT PLAN</a></li>
                <li><a href="#">NEWS</a></li>
                <li><a href="#">FAQS</a></li>
                <li><a href="#">RULES</a></li>
                <li><a href="#">CONTACT US</a></li>
            </ul>
        </div>

你有什么想法吗？ 非常感谢你的回答

---

问候

将您的花车向左移动；从topnav2 li a到topnav2 li。它应该会起作用

/* Le navigateur */ 

#topnav2 li {
    overflow: hidden;
    vertical-align: baseline;
    letter-spacing: normal;
    float: left;
    word-spacing: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13.333px;
    display: block;

}

/* Navbar links */

#topnav2 li a {
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;

}

---

如果您在topnav2 li中使用内联块而不是块，它可能会解决您的问题

可能重复的

/* Le navigateur */ 

#topnav2 li {
    overflow: hidden;
    vertical-align: baseline;
    letter-spacing: normal;
    float: left;
    word-spacing: 0px;
    font-family: 'Open Sans', sans-serif;
    font-size: 13.333px;
    display: block;

}

/* Navbar links */

#topnav2 li a {
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;

}

#topnav2 li {
  overflow: hidden;
  vertical-align: baseline;
  letter-spacing: normal;
  word-spacing: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 13.333px;
  display: inline-block;
}