获取两个内联（或内联块）元素以匹配高度

Question

下面是一个包含以下html的jfiddle。

<span class="label label-warning">helloworld</span>
<a href="#" class="btn btn-medium"><i class="icon-copy"></i></a>

我经常遇到这个问题，其中两个inline-block / inline元素是并排的，并且在同一顶端不匹配。我认为这与两个元素的line-height不相同有关。是否有任何黑客可以对抗这种影响？

http://jsfiddle.net/YfZVS/

当前配置：

期望效果：

Answer 1

.btn { vertical-align: top; }

适用于此浏览器...我无法检查任何其他人的动态。 here's the fiddle

Answer 2

如果你浮动你的两个元素都会出现排队，那么你可以添加一个边距来将它们分隔开来将它们检查出来。 评论，Stackoverflow阻止我在正文中添加链接！