@ananas_roma
Пытаюсь кодить.

Почему два одинаковых блока div улетают в разные стороны?

Здравствуйте!

Вот такая проблема:
5b01509be1203316018280.png

Код из CSS:
body
{
  background-color: #ffffb4;
}

#Logo
{
  margin-left: 10px;
  margin-top: 10px;
}

#Container
{
  margin-top: 5%;
  margin-left: 30%;
  width: 40%;
}

#Container div
{
  display: inline-block;
}

#Register
{
  border-radius: 10px;
  min-height: 300px;
  width: 30%;
  background-color: #ffd40085;
}

#Register_P
{
  font-size: 25px;
}

#Register_Form
{
  width: 150px;
  margin: auto;
}

#Register_Form input
{
  margin-top: 7px;
}

#Or
{
  width: 30%;
  font-size: 25px;
}

#Or_P
{
  font-size: 50px;
}

#Login
{
  background-color: #ff76009e;
  min-height: 300px;
  width: 30%;
  border-radius: 10px;
}

#Login_P
{
  font-size: 25px;
}

#Login_Form
{
  width: 150px;
  margin: auto;
}

#Login_Form input
{
  margin-top: 7px;
}


Код из PHP/HTML:
<HTML>
  <head>
    <style>
      @import "Register.css";
    </style>
  </head>
  <body>
    <?php include"Logo.php"?>
    <div id = "Container">
      <div id = "Register">
        <p align=center id="Register_P">Register:</p>
        <form id="Register_Form">
          <input maxlength="10" size="14" value="email@email.com">
          <input maxlength="12" size="14" value="Password" type="password">
          <input type="submit" value="Продолжить!">
        </form>
      </div>
      <div id = "Or">
        <p align=center id="Or_P">Or</p>
      </div>
      <div id = "Login">
        <p align=center id="Login_P">Log In:</p>
        <form id="Login_Form">
          <input maxlength="10" size="14" value="email@email.com">
          <input maxlength="12" size="14" value="Password" type="password">
          <input type="submit" value="Войти">
        </form>
        <hr>
        <a href="">
          <p align=center id = "Login_ForgotP">Тысяча чертей! Пароль забыт!</p>
        </a>
      </div>
    </div>
  </body>
</HTML>


Объясните мне кто-нибудь, что происходит?)
  • Вопрос задан
  • 191 просмотр
Решения вопроса 1
Harden
@Harden
Начинающий веб-разработчик
Задайте контейнеру display: flex;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы