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

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; }

在这个浏览器上工作......我无法检查任何其他自动取款机。这是小提琴

Answer 2

如果您将两个元素都向左浮动，它们将对齐，然后您可以添加一个边距以将它们隔开，请在评论中的小提琴中检查它，Stackoverflow 阻止我在正文中添加链接！