Центральная ссылка с использованием раздвижной двери 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

Если вы говорите о том, что текст не центрируется внутри тега привязки, то это связано с тем, что ppadding в a.btn_blue span отличается слева и справа.padding:6px 10px 10px 6px;