Lista centrada en contenedor

by Alwaison

HTML

<div class="w">
    <ul>
        <li>Elemento 1</li>
        <li>Elemento 2</li>
        <li>Elemento 2</li>
    </ul>
</div>

CSS

.w { margin:10px; padding:10px; border:1px solid gray; overflow:hidden; text-align:center; }
li { float:left; border:1px solid red; border-width:0 1px; }


.w { overflow:hidden; }
ul { float:left; left:50%; position:relative; }
li { float:left; right:50%; position:relative; }