Не могу получить логин в середине страницы

Question

Итак, я работал над проектом HTML и решил создать страницу входа. Хорошо, когда я go в таблицу стилей, я пишу:

.login-box {
  width: 280px;
  position: absolute;
  top: 50%
  left: 50%;
  color: white;
  transform: translate(-50%,-50%);
}

, который обычно помещал бы все, что я хотел, в середину экрана. Но в этом случае он помещает поле для входа в верхний левый угол экрана и немного выходит из него. Так что если кто-нибудь может помочь мне с моей проблемой здесь, это было бы здорово ... Спасибо!

Answer 1

Вы можете присвоить классу .login-box фиксированную высоту и добавить ; после top: 50%.

Мой Engli sh не подходит, вы можете скопировать мой код CSS в беги снова!

.login-box {
    width: 280px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: white;
    transform: translate(-50%, -50%);
}