css - 保持这些按钮居中，但它们之间没有间隙？

Question

我确定我只是遗漏了一些简单的东西，但是我需要将这些按钮保持居中，就像它们的方式一样，在它们的包裹内，但是我需要两个按钮彼此相对，这样它看起来就像一个大按钮. 我不得不让每个按钮显示：内联，以保持它们居中。当我尝试使两个按钮浮动以使它们在那里相互抵靠时，我就会失去整个居中的东西。我把它扔进了一个jsfiddle：

http://jsfiddle.net/Xe2YV/

谢谢！

Answer 1

是的，只需从标签之间删除空格，或将其注释掉（示例）。

<div id="buy">
 <div id="buttons-wrap">
  <a href="#" class="index-buy-price">$5</a><!--
  --><a href="#" class="index-buy-button">Grab This Deal</a>
 </div><!--end buttons-wrap-->
</div><!--end buy-->