如何将<ul>元素居中？

Question

关于我在这里的一些代码我有一个简单的问题：

h1 {
    font - size: 65 px;
    color: orange;
    text - align: center;
    height: 20 px;
    font: Times;
}

h2 {
    text - align: center;
    font: Times;
}

ul {
    width: 1230 px;
    list - style - type: none;
    overflow: hidden;
    background - color: #C2C6DD;
    justify - content: center;
}

h1和h2是网页的标题，其中心。 然而，ul（导航栏）没有居中我尝试了很多不同的东西，比如对齐项目，文本对齐，它总是在页面的左边。有人可以帮忙解决原因吗？

Answer 1

您尝试此代码：

 ul{
  list-style-type:none;
  display:flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;
  background-color: #C2C6DD;
  text-align: center;
}

Answer 2

尝试将margin: 0 auto;添加到ul：

ul {
    width: 1230px;
    list-style-type: none;
    overflow: hidden;
    background-color: #C2C6DD;
    margin: 0 auto;
}

Answer 3

试试这个：

ul {
    width: 1230 px;
    list - style - type: none;
    overflow: hidden;
    background - color: #C2C6DD;
    justify - content: center;
    margin: 0 auto;
    text-align: center;
}