Html CSS：右边空白：自动行为怪异

HTML:

}

当我在

#cat>li中使用
左边距：auto
时，它工作正常<代码>右边距：另一方面，自动

无法获得完整的边距，我不明白这是为什么

这是我的小提琴：

---

谢谢你的帮助

Mayb您应该设置

内联块，也可以设置文本对齐：居中并重置

第二级的边距/填充：）

---

删除html元素的默认填充，它应该像预期的那样工作

ul {
    margin:0 auto;
    padding:0;
}
#menu > li {
    display: inline-block;
}

---

就这样，谢谢！但是为什么是内联块而不是内联块呢？我只是在理解为什么我的代码不起作用时遇到了问题。“左边距自动”功能正常，但“右边距自动”功能不正常。inline-block将li变为一个存在的框，并且可以调整大小。它具有一致的布局，其中内联只是半透明的。

#menu {
  background-color: #0000FF;
  height: 20px;
  padding: 15px 0 10px;
  margin: 5px;
  font: 12px Tahoma;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  box-shadow: inset 0px 0px 10px #000;
  text-align: center;
} 

#menu > li{
  display: inline;
}
li a {
  color: #fff;
  text-decoration: none;
}

.first{
  margin-top: 12px;
}

#cat1 > li{
  display: block;
  background-color: #0000FF;
  width: 150px;
  margin-right: auto;
}

#cat1 > li > a{
  display: block;
  padding: 10px;
  box-shadow: inset 0px 0px 2px #000;

ul {
    margin:0 auto;
    padding:0;
}
#menu > li {
    display: inline-block;
}

ul,li
{
    margin:0;padding:0;
}