Центрирование формы с CSS

Question

Я написал форму в формате html / css, используя следующий код:

.login_form_wrapper{
float:left;
padding:60px;
width:55%;
padding:80px 100px 78px 100px;
text-align:center;
}

Как отцентрировать ее так, чтобы она аккуратно помещалась в центре экрана пользователя?

Я пытался отредактировать CSS в течение последних нескольких часов без радости.

Любая помощь будет оценена.

Приветствия

Answer 1

Я полагаю, что используемые вами классы CSS используются более чем в одном месте. Что вызывает вашу проблему в том, что в этой оболочке DIV:

<div class="login_form_wrapper register_wrapper">

у вас есть классы, применяющие float: left;, это нужно удалить и добавить margin: 0 auto;

Answer 2

Добавьте это к классу стиля

.login_form_wrapper{

    position: sticky;
    left: 25%;
    margin-left: -50px;
}

Answer 3

Я поиграл в инспекторе несколько минут и обнаружил, что этот css выглядел хорошо.

.login_form_wrapper {
    margin : 0 auto;
    width: 100%;
}