Как выровнять ввод формы

Question

Я схожу с ума, пытаясь выровнять форму с Django и Bulma. Вот проблема, вход показывает смещение:

Вот что происходит, когда я пытаюсь установить выравнивание по центру. Если выровнять по левому краю, введенный текст отображается правильно, но не в центре экрана, как я хочу. Это код шаблона. display:block была просто попытка исправить это, но это не имеет значения вообще.

{% for field in wizard.form %}
    <div class="field has-text-centered">
        {% for error in field.errors %}
            <div>
                <p class="help is-danger">{{ error }}</p>
            </div>
        {% endfor %}

        <label class="label" style="display:block;">{{ field.label_tag }}</label>

        <div class="control has-text-centered" style="display:block;">{{ field }}</div>
        {% if field.help_text %}
            <p class="help is-danger">{{ field.help_text|safe }}</p>
        {% endif %}
    </div>
{% endfor %}

Большое спасибо за помощь, я боролся в течение 1,5 часа с чем-то, что кажется таким относительно простым!

Answer 1

Я думаю, что вам нужно ограничить div-оберткой max-width и установить для его левого и правого поля значение auto.

Это означает, что дочерние элементы будут выровнены по левому краю, но родительский элемент будет в центре.