html - 高さに一致する2つのインライン（またはインラインブロック）要素を取得する

Question

以下は、次のhtmlを含むjfiddleです。

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

私はこの問題に何度も遭遇します。2つのinline-block/inline要素が並んでいて、同じ上部で一致していません。line-heightこれは、両方の要素が同じではないことと関係があると思います。この効果に対抗するためのハックはありますか？

http://jsfiddle.net/YfZVS/

現在の構成：

望ましい効果：

Answer 1

.btn { vertical-align: top; }

このブラウザで動作します...他のATMを確認できません。これがフィドルです

Answer 2

両方の要素を左にフロートさせると、それらが整列します。次に、余白を追加して、それらの間隔を空けることができます。コメントにあるフィドルで確認してください。Stackoverflowにより、本文にリンクを追加できません。