css - #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;}