CSS将UL与标题对齐

Question

我试图将ul元素的列表与我的网站标题完美地对齐，标题位于顶部，UL元素位于下方。

问题在于它确实居中，但与开销标题并不完全一致。它略微向右。

这是我的代码：

.title{
  text-align: center;

}

nav{
  display: block;
  margin-left: auto;
  margin-right: auto; 
  width: 50%;
  background: blue;
}

li {
  text-align: center;
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: red;
}

Answer 1

ul {
    padding: 0;
}

轻微的右侧偏差是因为整个列表的默认填充，而不是单个列表项。将其设置为零可消除不必要的偏移。

Answer 2

我必须猜测HTML，但很可能你的<ul>元素中有<nav>。使用这个CSS：

nav > ul { margin-left: 0; padding-left: 0; }