#footer文本中的列表项不会居中

Question

我希望始终将列表项目保留在#footer div的中心位置。页脚很灵活。

我正在使用当前代码，但它没有将列表项目放在中心。

#footer {overflow:hidden;text-align:center}
#footer ul {margin:0 auto}
#footer li {float:left;padding:10px;text-align:center}

HTML

<div id="footer">
  <ul>
    <li>item1</li> 
    <li>item2</li>
  </ul>
</div>

Answer 1

ul {text-align:center;}
li {display:inline;padding:10px;}