以子菜单CSS和HTML为中心

我对定心子菜单有问题。菜单和子菜单应该在一起居中。 请帮我调整子菜单的中心

预览：

html

---

从父li（一级菜单）元素中删除

position:relative

。这将允许左侧相对于全宽导航

在

子菜单上

将以下属性更改为：

width: 100%;
text-align: center;

添加到

#访问li.子菜单li

：

float: none; //changed from float: left
display: inline-block;

---

此处预览：我觉得它们看起来居中，但可能是JSFIDLE，您能链接到实际的菜单吗？

width: 100%;
text-align: center;

float: none; //changed from float: left
display: inline-block;