Как сделать тег footer отдельным элементом?

<style>
.footer {
  position: relative;
  margin-top: 450px;
  height: 50px;
  background: #5D4B33; /* Цвет фона */
  text-align: center;
  color: white;
  clear:both;
  padding-top:15px;
  
} 

</style>

<footer class="footer">&copy; 2021 Все права защищены</footer>

Вот только куда код вставить? Я попытался редактировать по вашему примеру вот только у меня оно просто влево съезжает

Как сделать тег footer отдельным элементом?

Спасибо за ответ :)

Как сделать тег footer отдельным элементом?

Ankhena, залью конечно :)

Как сделать тег footer отдельным элементом?

Владислав Черненко, С чего вы это взяли? Я пока ещё только разбираюсь в оформлении стилей