css - h2のボタンが高すぎる

Question

これは私のコードです（ここでフィドルを参照してください）：

<h2>Icecream<a href='#' class='btn pull-right'><i class='icon-star'></i> Follow</a></h2>

問題（赤い背景で見られるように）は、pull-rightボタンが高すぎることです。ボタンをと同じ高さにするにはどうすればよいh2ですか？

Answer 1

私はあなたが何を意味するのか完全にはわかりませんが、これを css ブロックに追加し、それが役立つ場合はボタンを H1 の中央に押し下げました:

.pull-right {
    margin-top: 5px;
}

h1 とボタンを div 内で分けておくことをお勧めします。可能であれば、要素の配置を別々に保つのが最善です。

Answer 2

.btn.pull-right {
    position:relative;
    top:5px;
}