Как переместить строку вода логина ниже?

Question

Как перенести строку вода логина ниже туда где по значено на скрине?

"Исправлено"

Нужно перенести меню вода (Логин) под текст Или же.

.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 {
  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;
}

.placeholder {
  padding-left: 2rem;
}

.password {
  color: ;
}

<!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 class="form__login">
        <input class="form__input_login" type="text" placeholder="Логин">
        <input class="form__input_login" type="password" placeholder="Пароль">
      </div>
    </div>
  </section>
</body>

</html>

БЛОГ НА HUSL

Как переместить строку вода логина ниже?

Ответы (0 шт):