Я пытаюсь создать форму входа, но текстовые поля и кнопка отправки не выровнены должным образом. В настоящее время моя страница показывает кнопку отправки на несколько пикселей ниже текстовых полей.
Это должно выглядеть так.
[ТЕКСТОВОЕ ПОЛЕ] [ТЕКСТОВОЕ ПОЛЕ] [КНОПКА]
Может кто-нибудь помочь мне с этой проблемой, я новичок в CSS ...
HTML:
<form name='loginform' id='loginform' action='logincheck.php' method='post' >
<input type='text' name='user_login' id='user_login' class='login-header' value='Username'>
<input type='password' name='user_pass' id='user_pass' class='login-header' value='password'><label style='color:#ffffff;'>
<input type='submit' name='login' id='login' value='Log In' tabindex='100' class='login-button' >
</form>
CSS:
.login-header {
border : 1px solid Black;
background-color : #CCCCCC;
color : #0E1930;
font-size : 12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
height: 2em;
}
.login-button {
border : 1px solid Black;
background-color : #CCCCCC;
color : #0E1930;
font-size : 12px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
font-weight : bold;
padding:4px 10px;
}