分页页面不居中

Question

我一直试图让我的分页“PAGES”在它所在的 div 中居中，无论它有多大。我正在使用简单的分页脚本。如果页面是 2 或 3 页，它就可以了，当它达到 6+ 时。它变得很时髦。

/html

<div id='center'>
  <div class='pages_front'></div>
</div>

/css

.front {
    float: left;
    overflow: hidden;
    padding: 3px 4px 5px 6px;
    margin: 3px 4px 5px 6px;
    height: 552px;
    width:850px;
}
.front li {
    float: left;
    display: inline;
    font-weight: bold;
    width: 190px;
    padding: 3px 4px 5px 6px;
    background: #E6E6FA;
    border: 1px solid #999999; 
    text-align: center;
    margin: 3px 4px 5px 6px;
    font: 12px Arial, Helvetica, Sans-serif;
    color: #4c4c4c;
    height: 262px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
#center {
  display: block;
  margin:0 auto; 
  width:30%;
}
.pages_front {
    margin:0px;
    width: 800px;
    clear: both;
    display: inline;
}
.pages_front ul {

}
.pages_front ul li {
    float: none; 
    display: inline;
    margin-right: 3px;
}
.pages_front ul li a {
    padding: 3px 5px 2px;
    background: #eeeeee;
    color: #000;
}
.pages_front ul li.on a {
    background: #CCCCCC;
    color: #104E8B;
}
.pages_front ul li span span  {
    margin:0px;
    color: #bfbfbf;
    padding: 3px 5px 2px;
    background: #eeeeee;
}

例子：

Answer 1

查看#center 宽度，尝试将其更改为其他可能的像素化值。