Блок с текстом сдвигается с центра экрана при изменении количества букв

только начал осваивать программирование и столкнулся с такой проблемой: то есть при успешном заказе на сайте выдает "name Спасибо за заявку!",а во всех остальных случаях "Спасибо страница!" ,так вот дело в том,что в первом случае все работает нормально,а вот во втором (так как там меньшее количество символов) текст уезжает в сторону и никак не хочет вставать по центру,даже если задаю фиксированную длину,ширину и отступы.

{% extends 'base.html' %}
{% load static %}

{% block thanks %}
    <!-- Спасибо -->
    <section>
        {% if name %}
        <div class="container">
            <CENTER style = 'margin-top: 35%; margin-bottom: 35%;'><h1> {{ name }}, 
Спасибо за заявку!</h1></CENTER>
        </div>
        {% else %}
        <div class="container">
            <CENTER style = 'margin-top: 35%; margin-bottom: 35%;'><h1>Спасибо 
страница!</h1></CENTER>#
        </div>
        {% endif %}
    </section>
    <!-- Спасибо -->
{% endblock %}