css - 使用滑动门 CSS 的中心链接

Question

我正在尝试使整个链接居中，并且正在努力寻找解决方案。我为我的链接使用了一个简单的推拉门样式，我希望它成为中心。

这是一个您可以与之交互的演示：http: //jsbin.com/ibidu3

<style>
  a.btn_blue {
  background:url("http://img291.imageshack.us/img291/2600/btnblueleft.gif") no-repeat scroll left top transparent;
    float:left;
  text-decoration:none;
  margin-right:4px;
  padding-left:5px;
  color:#fff;
  }

a.btn_blue span{
    background:url("http://img826.imageshack.us/img826/1531/btnblueright.gif") no-repeat scroll right top transparent;
    float:left;
  padding:6px 10px 10px 4px;
  }
  </style>

<a href="#" class="btn_blue"><span>Learn More: <strong>Benefits</strong></span></a>

Answer 1

如果您谈论的文本不在锚标记中居中，那是由于a.btn_blue span左侧和右侧的 ppadding 不同。padding:6px 10px 10px 6px;