html - 如何居中对齐 float : left ul/li navigation menu with css?

Question

所以我使用以下 CSS 来显示水平导航栏:

.navigation ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.navigation li {
  float: left;
  margin: 0 1.15em;
  /*    margin: 0 auto;*/
}

.navigation {
  /*    width: auto;*/
  /*    margin: 0 auto;*/
  text-align: center;
}

我的问题是:如何将导航栏居中对齐到标题上方？

Answer 1

这是一个 solution that doesn't require specifying the width of your ul .