使导航栏文本居中

Question

我如何使文本在我的导航中居中并确保它在所有分辨率下都保持这种状态（1920x1080 是左侧，1420 是居中）

我也意识到很多这些代码是无用的并且不起作用，但在这一点上，我只想在我决定整理它之前修复它。

        /* Navigation Menu */
  .main-navigation {
    text-align:center;
        margin-top: 24px;
        margin-top: 1.714285714rem;
        text-align: center;
        margin:0 auto;
        width:958px;
        margin-top: 8px;
      display: inline-block;
    }
    .main-navigation li {
    text-align:center;
        margin-top: 24px;
        margin-top: 1.714285714rem;
        font-size: 16px;
        color:#fff;
        font-size: 0.857142857rem;
        line-height: 1.42857143;
    }
    .main-navigation a {
        color: #fff;
    text-align:center;
    }
    .main-navigation a:hover {
        color: #fff;
        height:37px;

    }
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
    text-align:center;
        display: none;
    }
    .main-navigation ul.nav-menu.toggled-on,
    .menu-toggle {
    text-align:center;
        display: inline-block;
    }
    .nav-menu {
    margin: 0 auto;
    width: 100%;
    height:05px;
    padding-left:20%;
    left:0px;
    top:20px;
    text-align:center;
    margin-left: 350px;
    position:fixed;
    float:left;
      display: inline-block;
    background:none;

http://yesyesdev.info/talks DEV 服务器出现问题，但如果您收到错误 500，请刷新几次。

Answer 1

是的，你确实有太多无用的代码。 删除以下内容：

第 767 行
.main-navigation {
display: inline-block;
}

第 805 行 .nav-menu {
位置：固定；
浮动：左；
}