html - css，居中两位数 <li>

Question

我有

<ul id="list">
  <li> 
     <a href=''>1</a>
  </li>
  <li>
     <a href=''>2</a>
  </li>
  <li>
     <a href=''>3</a>
  </li>
  <li>
      <a href=''>4</a>
  </li>
  ...
  <li>
      <a href=''>10</a>
  </li>
  <li>
      <a href=''>11</a>
  </li>
</ul>

风格看起来像:

我希望两位数像个位数一样居中。我试过(分别):

#list li{
  text-align: center;
  align-items: stretch; // and center
  margin-left: auto; //with margin right the same
  left: 0;
}

但似乎没有什么能解决这个问题

Answer 1

将文本对齐设置为:

#list li a{
  text-align: center;
}