.container { clear:both; float:left; overflow:hidden; width:100%; } #menu { float:left; left:50%; list-style-type:none; margin:0 auto; padding:0; position:relative; } #menu li { float:left; position:relative; right:50%; }
<div class="container"> <ul id="menu"> <li> <a href="#">Item 1</a> </li> <li> <a href="#">Item 3</a> </li> <li> <a href="#">Item 3</a> </li> </ul> </div>