Html 下拉导航菜单居中问题

我花了好几个小时在网上浏览了很多代码，试图将这个下拉菜单居中，但运气不好。我觉得我已经两次更改了代码中的所有内容，我已经走到了尽头

如您所见，下拉列表的右侧和包含它的无序列表之间有空格

我也无法使用下拉列表进行任何转换，因此，如果您也想分享一些有关这方面的信息，我们将不胜感激

这是麻烦制造者。

---

列表中有空白，因为css中有空白。删除右边的边距：4px；。如我所见，文本位于中间。请再解释一下

ul#navbar_ul li{  width: 125px;
  text-align: center;
  display: inline;
  float: right;
 margin-right: 4px; /*REMOVE THIS*/
  position: relative;
}

---

在您的代码中，以下代码将针对所有li元素。如果只想应用第一级子级，请使用>。这将解决您的空间问题

ul#navbar_ul li {
    width: 125px;
    text-align: center;
    display: inline;
    float: right;
    margin-right: 4px;
    position: relative;
    }

将其更改为如下所示

ul#navbar_ul > li {
    width: 125px;
    text-align: center;
    display: inline;
    float: right;
    margin-right: 4px;
    position: relative;
    }

---

没有ul的情况下，li有多直接？这是一个差距，因为你明确地在li上设置了4倍的保证金。哇，谢谢你指出这一点。这是一个相当大的错误。谢谢你的完美答案。如果这能解决你的问题，请接受答案。谢谢干杯：