使用滑动门CSS的中心链接

我试图将整个链接置于中心位置，我正在努力寻找解决方案。我正在使用一个简单的滑动门样式为我的链接，我希望它是中心

这是一个您可以与之交互的演示：

a、 蓝色{
背景：url（“http://img291.imageshack.us/img291/2600/btnblueleft.gif）无重复滚动左上透明；
浮动：左；
文字装饰：无；
保证金权利：4px；
左侧填充：5px；
颜色：#fff；
}
a、 蓝跨度{
背景：url（“http://img826.imageshack.us/img826/1531/btnblueright.gif）无重复滚动右上角透明；
浮动：左；
填充：6px 10px 10px 4px；
}

如果您所说的文本没有在锚定标记中居中，那么这是由于在

a.btn_blue span

中的ppadding在左侧和右侧不同<代码>填充：6px 10px 10px 6px

你所说的“滑动门”指的是什么？@Ryan，他指的是CSS方法的“内部可扩展”背景（这样文本可以在不破坏网站设计的情况下进行缩放），有一篇文章对此进行了解释。@Evan，你选择使用滑动门而不是使用

背景色有什么原因吗，css渐变，
边界半径
。。？你的
btn_blue
看起来非常脆弱，而且持久。David-我选择使用滑动门效果，这样按钮就可以扩展，如果我们需要更小或更大的按钮，使用相同的图形概念将非常简单。我想通过添加一个“.btn_blue”类和display:block会对我有所帮助，但我很难找到解决方案。你的想法是什么？@Evan（注意“@”，如果有新的回复，我会收到通知）看着你的jsbin演示，我建议（取决于你要放在一起的按钮数量）使用
li
元素，或者可能使用一些样式适当的
span
。我看看能不能想出一些有用的东西给你看。哦，它需要在什么浏览器中工作？我说的是以div为中心的链接。最终，链接将存在于一个“div类”中。@您的测试链接没有它，您可以用ypu更新它或至少发布完整的html
<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>