如何居中HTML中的列表项

Question

我试图从一个简单的网站开始，我想知道如何修复导航栏，因为我不小心弄乱了我的代码，使其处于未对齐状态。我似乎已经正确检查了CSS，但没有发现任何问题。

从我所做的事情中，我仔细检查了一下以确保记得关闭标签并检查CSS。

BarEntry

#mainnav {
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#mainnav ul {
  display: inline-block;
  list-style: none;
}

#mainnav ul li {
  float: left;
  margin: 0px 20px 0px 0px;
  /* spacing in-between the boxes */
  padding: 10px 20px 10px 20px;
  /* spacing inside the boxes */
}

我希望导航链接的输出对齐，其中一个链接与网站上的图片对齐，但是实际输出却偏离了几厘米。

Answer 1

如果我正确理解了任务-它应该会帮助

ul{
    padding: 0;
}