有没有办法将寻呼机缩略图置于Jquery循环中心而不是左对齐？ （的jsfiddle）

Question

我已经在我的Jquery Cycle中添加了一个寻呼机，而且工作正常。我想把寻呼机缩略图放在中心（我实际上并没有使用真正的缩略图......只是将寻呼机号码称为缩略图）。

所以如果我有7张幻灯片，我会喜欢pager1，pager2等。通过pager7居中，而不是左对齐。

我不确定它是否在我的CSS中，但我去了我的.css，并尝试了text-align：center，但这没有做任何事情。我目前在我的CSS中有这个：

.pager a { border: 1px solid #dde4ec; background: #465c71; text-decoration: none; margin: 0 5px;  padding: 3px 5px; }
.pager a.activeSlide { background: #dde4ec; }
.pager a:focus { outline: none; 
 -moz-box-shadow: 5px 5px 2px #fff;
-webkit-box-shadow: 5px 5px 2px #fff;
box-shadow: 5px 5px 2px #fff;}

JSFiddle（感谢PI）位于：http://jsfiddle.net/jasonpaulweber/SjXVc/

任何建议都将不胜感激！

Answer 1

此处：http://jsfiddle.net/NpUxP/

display: inline-block代替block而不是float <{1}}

Answer 2

您也可以使用自动保证金：

body {
   text-align: center;
}

.pager {
  margin: 0px auto;
  width: 220px;
}

http://jsfiddle.net/SjXVc/1/