Html 为什么文本在导航栏（CSS）中没有居中对齐？

出于某种原因，导航栏中的每一位文本都向右对齐。有没有办法改变它，让它进入导航菜单每个部分的中心？如果有人知道怎么做，你能帮帮忙吗，因为我完全被难倒了

HTML:

---

锚定的宽度是固定的，但不够宽，无法容纳文本。因此，它会溢出到右侧。

添加此css

#links{
text-align: center;
margin-bottom: 20px;
margin-right: 100px;
margin-left: 100px;
background-color:#7A7A99;
padding-bottom: 2px;
padding-right: 50px;
padding-left: 50px;
border-bottom-left-radius:2em;
border-bottom-right-radius:2em;
} 

#links > a{
padding:10px;
font-size: 20px;
}
nav ul {
 background: #A3A3A3; 
 background: linear-gradient(top, #A3A3A3 0%, #666666 100%);  
 background: -moz-linear-gradient(top, #A3A3A3 0%, #666666 100%); 
 background: -webkit-linear-gradient(top, #A3A3A3 0%,#666666 100%); 
 box-shadow: 10px 6px 9px rgba(0,0,0,0.15);
 padding: 0 20px;
 border-radius: 8px;  
 list-style: none;
 position: relative;
 display: inline-table; 
 }
 nav ul:after {
 content: ""; clear: both; display: block;
 }
 nav > ul > li {
 float: left;
 text-align: center; 
 }

nav ul li:hover {
background: #A3A3A3;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); 
}
nav ul li:hover a {
color: #fff;
}
nav > ul > li > a{
display: block; 
padding: 10px 15px;
color: #FFFFFF; text-decoration: none;
font-size:20px;
}
nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0; 
position: absolute; top: 100%;
}

nav ul ul li {
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 10px 20px;
color: #fff;
display:block;
text-decoration:none;
}   
nav ul ul li a:hover {
background: #A3A3A3;
}

#links{
text-align: center;
margin-bottom: 20px;
margin-right: 100px;
margin-left: 100px;
background-color:#7A7A99;
padding-bottom: 2px;
padding-right: 50px;
padding-left: 50px;
border-bottom-left-radius:2em;
border-bottom-right-radius:2em;
}

#links a{
margin:25px;
width:10px;
height: 0px;
font-size: 20px;
margin-top: 3px;
}

nav ul {
background: #A3A3A3; 
background: linear-gradient(top, #A3A3A3 0%, #666666 100%);  
background: -moz-linear-gradient(top, #A3A3A3 0%, #666666 100%); 
background: -webkit-linear-gradient(top, #A3A3A3 0%,#666666 100%); 
box-shadow: 10px 6px 9px rgba(0,0,0,0.15);
padding: 0 20px;
border-radius: 8px;  
list-style: none;
position: relative;
display: inline-table; 
}

nav ul:after {
    content: ""; clear: both; display: block;

}
nav ul li {
float: left;
}

nav ul li:hover {
    background: #A3A3A3;
    background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
    background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
nav ul li:hover a {
        color: #fff;
    }
nav ul li a {
    display: block; padding: 10px 40px;
    color: #FFFFFF; text-decoration: none;
}
nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0;
position: absolute; top: 100%;
width: 140px;
}

nav ul ul li {
    float: none; 
    border-top: 1px solid #6b727c;
    border-bottom: 1px solid #575f6a;
    position: relative;
}
    nav ul ul li a {
        padding: 0px 40px;
        color: #fff;
    }   
nav ul ul li a:hover {
            background: #A3A3A3;
        }

#links{
text-align: center;
margin-bottom: 20px;
margin-right: 100px;
margin-left: 100px;
background-color:#7A7A99;
padding-bottom: 2px;
padding-right: 50px;
padding-left: 50px;
border-bottom-left-radius:2em;
border-bottom-right-radius:2em;
} 

#links > a{
padding:10px;
font-size: 20px;
}
nav ul {
 background: #A3A3A3; 
 background: linear-gradient(top, #A3A3A3 0%, #666666 100%);  
 background: -moz-linear-gradient(top, #A3A3A3 0%, #666666 100%); 
 background: -webkit-linear-gradient(top, #A3A3A3 0%,#666666 100%); 
 box-shadow: 10px 6px 9px rgba(0,0,0,0.15);
 padding: 0 20px;
 border-radius: 8px;  
 list-style: none;
 position: relative;
 display: inline-table; 
 }
 nav ul:after {
 content: ""; clear: both; display: block;
 }
 nav > ul > li {
 float: left;
 text-align: center; 
 }

nav ul li:hover {
background: #A3A3A3;
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); 
}
nav ul li:hover a {
color: #fff;
}
nav > ul > li > a{
display: block; 
padding: 10px 15px;
color: #FFFFFF; text-decoration: none;
font-size:20px;
}
nav ul ul {
background: #5f6975; border-radius: 0px; padding: 0; 
position: absolute; top: 100%;
}

nav ul ul li {
border-top: 1px solid #6b727c;
border-bottom: 1px solid #575f6a;
position: relative;
}
nav ul ul li a {
padding: 10px 20px;
color: #fff;
display:block;
text-decoration:none;
}   
nav ul ul li a:hover {
background: #A3A3A3;
}