リンク全体を中央に配置しようとしていますが、解決策を探すのに苦労しています。リンクにはシンプルな引き戸スタイルを使用していますが、中央に配置したいと思います。
対話できるデモは次のとおりです: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>