使用CSS将导航栏居中

我知道这个问题在这个网站上已经被问过多次了，还有很多其他的问题，也许是太多次了，我尝试了很多不同的解决方案，但是还没有提出合适的解决方案，我试图自动隐藏隐藏式居中。否。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。吗？。。。。。。。。。。。。。。。。。溢出，是否有CSS大师愿意告诉我我要去哪里错了？我已经了好一阵子了。这是我的小提琴。谢谢您的协助。

这是我的CSS，因为小提琴必须伴随

的CSS

 body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
}
.navigation {
    position: relative;
    left: 15%;
    padding: 0 auto;
    list-style: none;
    text-align: center;
    display: inline-block;
}
.navigation li {
    float: left;
    width: 150px;
    position: relative;
}
.navigation li a {
    background: #262626;
    color: #fff;
    display: block;
    padding: 8px 7px 8px 7px;
    text-decoration: none;
    border-top: 1px solid #F2861D;
    text-align: center;
    text-transform: uppercase;
}
.navigation li a:hover {
    color: #F2861D;
}
.navigation ul {
    position: absolute;
    left: 0;
    display: none;
    margin: 0 0 0 -1px;
    padding: 0;
    list-style: none;
    border-bottom: 3px solid #F2861D;
}
.navigation ul li {
    width: 150px;
    border-top: none;
}
.navigation ul a {
    display: block;
    height: 15px;
    padding: 8px 7px 13px 7px;
    color: #fff;
    text-decoration: none;
    border-top: none;
    border-bottom: 1px dashed #6B6B6B;
}
.navigation ul a:hover {
    color: #F2861D;
}

这是我得到的最接近的值，我尝试过margin：0 auto以及margin-left：auto; 右边距：自动；但似乎无法使他们工作。