Div нижний колонтитул перемещается при уменьшении

Question

Мой элемент div нижнего колонтитула перемещается вправо при уменьшении масштаба. Он должен быть таким, как на картинке, тот, что с синими буквами. Мне нужно, чтобы он работал для больших экранов `

        <div>
        <p class="">&copy; 2020 Pizza. All Rights Reserved</p>
        </div>`

А вот css

footer div {
color: #0c648f;
font-size: 14px;
background-color: #f2f4f5;
padding: 1px 0;
margin-top: 10px;

}

footer p {
text-align: right;

}

Answer 1

Является ли идея, что она должна быть выровнена по праву к содержанию страницы? Если это так, вам нужно max-width для стилей footer p, чтобы содержимое было выровнено по правому краю пространства, а не по праву всей страницы. Вам нужно будет также центрировать этот элемент (используя margin: auto).