如何使UL ID子导航居中

Question

下午好，

我正在尝试在一些父母的情况下创建一个带有子导航的菜单栏，但是孩子没有对齐。 我已将儿童双色素改为红色以突出关注点。 输入子导航文本有可能解决问题。

我在下面列出了CSS和HTML。

亲切的问候 加里。

Danceblast

Answer 1

你的问题是：

#dropnav ul li {
    margin-left: 20px;
}

它已经应用于subnav的孩子们，你可以直接定位subnav并将边距设置为0

#subnav li {
   margin-left:0px !important;
}

OR

#dropnav #subnav li {
   margin-left:0px;
}

如果您不想使用!important。

Answer 2

#dropnav ul li {
    margin-left: 20px;
}

您想要删除边距以及要检查文本对齐方式。

目前您的元素使用

text-align: center;

所有的父母和孩子。您可能希望这样：

text-align: left;

希望有所帮助。