Я только недавно занялся html и css и немного застрял на этом. Я работаю над полем входа в систему, и я не могу заставить окно входа и кнопку отправки идеально совпадать друг с другом.
Единственный способ, которым это работало, заключался в том, что если бы я написал их обоих в одной строке, как это, тогда они были бы (горизонтально) идеально выровнены, но я не мог изменить расстояние между ними:
Первая попытка (код без точки после ‹): ‹.input type="text" id="username">submit
Потом я разобрался как-то иначе. Он состоит из текста типа ввода и отправки типа ввода в моем html-файле.
В моем файле CSS я сначала вызываю класс, в котором перечислены все мои входные данные для входа (.logsec для раздела входа), а затем идентификатор моего текста типа ввода и тип ввода.
Класс называется logsec (для раздела «Вход»), а мой тип ввода называется id = Button, а текст моего типа ввода называется id = subinput.
HTML-код:
<html lang="en">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/font.css">
<head>
<meta charset="utf-8">
<title>Main</title>
</head>
<body>
<div class="container">
<div class="brandname">
<h1 <id="title" class=""><span id="logo">Test</h1>
</div>
<div class="logsec">
<div class="box-header">
<p> login</p>
</div>
<input type="submit" id="button" value="submit" style="float:right"/>
<input type="text" id="subinput" style="width:100%;"/>
<a href="#"><p class="recover">Recover Password</p></a>
<h3> <a href=".../css/style.css"> <p class="signup">signup</a> </h3>
<footer> <p Class="footer">LOGIN</p></footer>
</div>
</body>
</html>
КОД CSS:
body {
background-color: grey;
font-size: 30px;
text-align: center;
}
.brandname {
margin-top: 300px;
}
.recover {
font-size: 15px;
text-align: center;
}
.signup {
font-size: 15px;
text-align: center;
}
/*///////////////////// LOGIN BUTTON ///////////////////////////////////////*/
.logsec [id=button] {
vertical-align: top;
Было бы очень приятно, если бы кто-то мог помочь мне здесь. Я ужасен в этом, но я надеюсь, что кто-то может мне помочь.
Спасибо, парни.