css，中心双位<li> </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

将text-align设置为：

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