Как мне централизовать элементы списка внутри ul без использования дополнительных div или элементов. У меня есть следующее. Я думал, что text-align:center
сделает трюк. Кажется, я не понимаю.
<style>
ul {
width:100%;
background:red;
height:20px;
text-align:center;
}
li {
display:block;
float:left;
background:blue;
color:white;
margin-right:10px;
}
</style>
<ul>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
Проверить jsfiddle http://jsfiddle.net/3Ezx2/1/