我无法将菜单集中在HTML上

因此，我正在建立一个顶部菜单的网站，但我遇到了一个问题。基本上我想让我的菜单居中，但现在它的左对齐。此外，菜单具有背景色，必须扩展整个宽度。我尝试了以下描述的答案：。但是没有成功

我的CSS/HTML代码是：

身体{ 字体系列：FuturaLight； 背景：白色； 颜色：333； 对齐内容：顶部； 保证金：0； 边缘底部：5em； 填充：0； } .保证金{ 左边距：300px； 右边距：300px； } 保险商实验室{ 字体系列：Futura； 字体大小：25px； 列表样式类型：无； 位置：固定； 顶部：61px； 宽度：100%； 保证金：0； 填充：0； 溢出：隐藏； 背景色：333； } 李{ 浮动：左； 右边框：1px实心黄绿色； 边框顶部：1px纯黄绿色； } 李阿{ 显示：块； 颜色：白色； 文本对齐：居中； 填充：14px 16px； 文字装饰：无； } li a:悬停：未激活{ 背景色：333； } .主动{ 背景色：白色； 颜色：绿色 } .垫片{ 宽度：100%； 高度：95px； } 侦察兵佩梅克 侦察兵佩梅克 Welkom op onze vernieuwde网站！ 基克·格鲁斯特甚至是朗德。 将以下内容添加到样式表中的ul中：

text-align: center;

并由李代之

用这个

display: inline-block;

那就行了

---

希望这有帮助。

您是否考虑过flexbox，因为它将根据屏幕大小工作，您可以将其设置为中心对齐

请注意，它在旧版本的ie中不起作用

身体{ 字体系列：FuturaLight； 背景：白色；颜色：333； 对齐内容：顶部； 保证金：0； 边缘底部：5em； 填充：0； } .保证金{ 左边距：300px； 右边距：300px； } 保险商实验室{ 字体系列：Futura； 字体大小：25px； 列表样式类型：无； 位置：固定； 顶部：61px； 宽度：100%； 保证金：0； 填充：0； 溢出：隐藏； 背景色：333； 显示器：flex； 证明内容：中心； 柔性包装：包装 } 李{ 浮动：左； 右边框：1px实心黄绿色； 边框顶部：1px纯黄绿色； } 李阿{ 显示：块； 颜色：白色； 文本对齐：居中； 填充：14px 16px； 文字装饰：无； } li a:悬停：未激活{ 背景色：333； } .主动{ 背景色：白色； 颜色：绿色 } .垫片 { 宽度：100%； 高度：95px； } 侦察兵佩梅克 侦察兵佩梅克 Welkom op onze vernieuwde网站！ 基克·格鲁斯特甚至是朗德。

---

如果你老问题的答案不起作用，你为什么要接受答案？你能提供snippet或jsfiddle的可能副本吗？我链接的问题不是我的……至少这里有人愿意帮忙，没有抱怨对你的答案来说，这很有效。我喜欢你的答案，但我不想使用Flexbox。如果我可以只使用HTML和CSS而不使用任何特殊的东西，我会优先考虑。谢谢你的回复！

display: inline-block;