#页脚文本内的列表项不居中

我想把列表项放在 #footer div

我使用的是当前代码,但它并没有将列表项放在中间。

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

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