Элемент списка внутри текста #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;}