css - ボタンを入力に合わせる

Question

これが私のコードです：

<div class="input-append">

                        <input name="username" maxlength="100" placeholder="Enter your username..." type="text" class="input-large" id="id_username" />


                        <input name="password" maxlength="100" placeholder="Enter your password..." type="password" class="input-large" id="id_password" />

<button class="btn btn-mini">Envoyer</button>
     </div>

結果は次のとおりです。

ボタンをフィールドに合わせる方法を教えてください。

よろしくBussiere

Answer 1

高さを手動で同じ値に設定できます

.input-large,
.btn-mini {
   height: 60px;
}

Answer 2

私があなたの質問に正しく従うならば、それらを同じ高さの配置にするために、CSSでそれらのそれぞれに「高さ」プロパティの1つを設定する必要があります。

私はCSSの第一人者ではありませんが、うまくいくはずの例を次に示します。

<style>
.equal_height input, .equal_height button { height: 40px; }
</style>

<div class="input-append equal_height">
     <input name="username" maxlength="100" placeholder="Enter your username..." type="text" class="input-large" id="id_username" />
     <input name="password" maxlength="100" placeholder="Enter your password..." type="password" class="input-large" id="id_password" />
      <button class="btn btn-mini">Envoyer</button>
</div>