CSS – Auto center a floating list

<div class=”content”>
<ul>
<li>test_1</li>
<li>test_2</li>
<li>test_3</li>
</ul>
</div>

<style>
.content{width:100%; overflow: hidden; }
ul{margin:0 auto; float:left; position: relative; left:50%;}
li{float:left; position: relative; right:50%;}
</style>