css - 将列表项与标题对齐

Question

我正在尝试将无序列表与我的网站标题完美居中，标题在顶部，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;
}

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