まずは中央寄せしてないとどうなるのかのサンプル。

リスト1
リスト2
リスト3

.container {
border: 1px solid #ccc;
padding: 10px;
}
.container li {
float: left;
background: #eee;
margin: 0 10px;
}

こんな感じで端っこに寄ってしまいます。

text-align:center;は使えないし、margin: 0 auto;は幅が決まっていないと使えません。
そこで以下のCSSを追加します。

.container {
position: relative;
overflow: hidden;
}

.container ul {
position: relative;
left: 50%;
float: left;
}

.container li {
position: relative;
left: -50%;
float: left;
}

中央寄せすることができました。

参考サイト

cssのfloat横並びリストの左右中央揃えいろいろ - emuramemo