Как перенести строку вода логина ниже туда где по значено на скрине?
HTML -
<!DOCTYPE html>
<html lang="en" class="ligth">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AniBreeze v2</title>
<link rel="stylesheet" href="/assets/css/normalize.min.css">
<link rel="stylesheet" href="/assets/css/styles.css">
</head>
<body>
<section>
<div class="container__login">
<h1 class="login__text__exit">Вход</h1>
<p1 class="text__ps__login">Войдите в свою учетную запись, используя логин и пароль, </p1><p1 class="text__ps__loginv2">указанные при регистрации.</p1>
<p1 class="exit__ps">Войдите с помощью</p1>
<a href="#"><img class="VK__ico" src="/assets/img/VK.svg" alt="VK"></a>
<a href="#"><img class="Google__ico" src="/assets/img/Google.svg" alt="Google"></a>
<h1 class="login__abe">Или же</h1>
</div>
</section>
</body>
<div class="form__login">
<input class="form__input_login__one" type="text" placeholder="Логин">
<input class="form__input_login" type="password" placeholder="Пароль">
</div>
</html>
CSS -
.form__login {
position: relative;
}
.form__input_login {
width: 300px;
height: 36px;
background: rgba(38, 32, 32, 0.55);
border-radius: 25px;
padding: 4px 50px;
color: #fff;
padding-left: 2rem;
border: none;
}
.form__input:focus {
outline: none;
}
.form__button_login__one {
display: block;
width: 24;
height: 23;
background-repeat: no-repeat;
background-color: transparent;
border: none;
position: absolute;
top: calc(50% - 11px);
color: #fff;
top: 20px;
}
