css - CSS：ボタンと入力を揃えることができません

Question

ツイッターブートストラップのドキュメントには、入力のすぐ隣にボタンを追加する興味深い方法があります。

説明のための単なる例：

<div class="input-append">
<input class="span2" id="appendedInputButton" type="text">
<button class="btn" type="button">Go!</button>
</div>

私の場合、この概念を利用しようとしていますが、ボタンが少し大きくなっています（1ピクセル）。これを引き起こしている原因がわかりません。

私はフィドルを作成しました。誰かが私を正しい方向に向けてくれることを願っています。

http://jsfiddle.net/houmie/FkEnm/2/

Answer 1

私はあなたのCSSにこの問題を引き起こしている何か他のものを推測します。この問題は、cssを上書きすることで修正できます。クラスで20pxline-heightから19pxに作成します。.btn

.btn { line-height: 19px } 

ワーキングデモ