Qual é a melhor maneira semântica de manter os itens da lista horizontal alinhados ao centro? - html, css, xhtml, css3

Qual é a melhor maneira semântica de manter os itens da lista horizontal alinhados ao centro?

É possível manter o centro dos itens alinhados com este código

 <ul id="items">
<li>item 1</li>
<li>item2</li>
<li>iem3</li>
</ul>

li {list-style:none; font-size:16px; float:left; font-size:14px}

Eu encontrei este caminho na pesquisa http://css-tricks.com/examples/CenterHorizontalListItems/

existe alguma outra maneira melhor? sem precisar de extra div

Existe algum truque para escrever algo para isso ul li { } manter o centro do item da lista alinhado?

Respostas:

Tudo o que você precisa é display:inline ou display:inline-block aplicado ao <li>areia text-align:center aplicado ao <ul> para obter a centralização. Você definitivamente não precisa de marcação não-semântica extra.

http://jsfiddle.net/Madmartigan/rKqMq/2/

Existem outras maneiras de envolver a flutuação, mas o IMO é o melhor. Observe que essas duas propriedades de exibição se comportam de maneira diferente, portanto, você precisará ajustar para atender às suas necessidades.