Почему при верстке сайта получается вот так?

footer почему то не снизу а справа вообще появляется что делать

<div class="footer">
                 <p>
                     <a href="#">Главная</a> |
                     <a href="#">Фильмы</a> |
                     <a href="#">Сериалы</a> |
                     <a href="#">Рейтинг фильмов</a> |
                     <a href="#">Контакты</a>
                 </p>
                 <p>suplik.com 2022</p>
             </div>

kod для футера

что делать?