css - html:如何将不居中的文本框中的文本居中

Question

我试图将文本放在一个框中，而这个框“绝对”定位，而不是在中心。我有 2 个导航框，一个在左侧，一个在我页面的右侧。这是我所做的，但它不起作用，你能帮忙吗？ :)

<nav id="navleft">
  <ul>              
    <li><a href="#">Qui sommes nous ?</li></a>  
    <li><a href="#">Competences</li></a>

  </ul>             


</nav>

<nav id="navright">
  <ul>

    <li><a href="#">Zone d'intervention</li></a> 
    <li><a href="#">Contact</li></a> 

  </ul>
</nav>

风格:

#navleft
{

text-align: center;
border: 1px solid black;
position: absolute;
top: 70px;
right: 60%;
}


#navright
{
position: absolute;
top: 70px;
left: 60%;
text-align: center;
border: 1px solid black;
}

Answer 1

文本已经居中但是 ul 有默认边距，padding 移除它

#navright ul , #navleft ul{margin:0px;padding:0px}

DEMO