私は次のフィドルを持っています:
HTML コードは次のとおりです。
<div class="loginbarGrad">
<div style="position:relative; float:right; padding: 11px 65px 0 0;">
<input type="text" placeholder="EMAIL" value="EMAIL" class="singleField" name="kp_email" id="kp_email">
<input type="password" placeholder="PASSWORD" value="PASSWORD" class="singleField" name="kp_password" id="kp_password">
<a class="signIn">Sign In</a>
</div>
</div>
フィドルでCSSを見ることができます。
入力ボックスのサイズを大きくしようとしていますが、「サインイン」のサイズも大きくしようとしています。フォントのサイズを大きくすると、ログインバーの垂直方向の中央に配置されない理由と、ログイン/パスワードボックスの配置に影響を与える理由を誰かが説明できるかどうか疑問に思っていましたか? ボックスとサインインが互いに影響を与えないようにできるようにしたいと思います。これは基本的な CSS 関数かもしれませんが、私にはわからないので、私が説明できる以上の経験を持っている人を期待しています。
ありがとうございました!