简单的滑块jQuery插件居中编号的按钮与CSS

Question

嘿家伙！ 我正在尝试执行Easy Slider jQuery Plugin版本1.7，并遇到一些问题。 从此demo页面，您可以看到幻灯片下面的编号按钮，我试图将它与幻灯片对齐，但无法使其正常工作。

这是编号按钮的默认CSS，并想知道我必须改变它，以便它在页面中间。

/* numeric controls */ 

ol#controls{ 
    margin:1em 0; 
    padding:0; 
    height:28px;  
    } 
ol#controls li{ 
    margin:0 10px 0 0; 
    padding:0; 
    float:left; 
    list-style:none; 
    height:28px; 
    line-height:28px; 
    } 
ol#controls li a{ 
    float:left; 
    height:28px; 
    line-height:28px; 
    border:1px solid #ccc; 
    background:#DAF3F8; 
    color:#555; 
    padding:0 10px; 
    text-decoration:none; 
    } 
ol#controls li.current a{ 
    background:#5DC9E1; 
    color:#fff; 
    } 
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;} 

/* //易滑块*/

感谢您的帮助！

Answer 1

父元素只需设置

text-align:center; 

。

编辑：添加以下内容（用正确的宽度，我没有检查），以醇：＃控件风格DEF：

width:250px; 
    text-align:center; 
    margin-left:auto; 
    margin-right:auto;