CSS: поле только вокруг указанного c HTML div?

Question

У меня есть следующий HTML документ, внутри документа я хотел бы иметь поле вокруг следующего div:

<div class="messageBody">

, сохраняя при этом верхний и нижний колонтитулы на исходной ширине.

Как я могу это сделать?

Я пытался добавить

.messageBody{
             margin: 10px
             }

в теги <style>, но это не влияет на поле в div?

В настоящее время у меня есть 2 таблицы стилей в этой HTML Do c, и мне интересно, переопределяет ли одна другую другую?

Answer 1

Введение

Таблицы стилей каскадируются, а также перекрывают друг друга. У вас уже есть margin для сообщения, поэтому вы должны установить его.

Увеличьте существующее поле вместо добавления нового.

     .messageBody{
                   margin: 38px
                   }

Кроме того, кажется, что ваш код нарушает HTML соглашения. Как уже упоминалось в комментариях, вы должны запускать свой код через html валидатор.

Используйте браузер-инспектор для игры с CSS

Ознакомьтесь со следующей статьей: Начало работы с просмотром и изменением CSS

Используя инспектор, я увидел результат вашего точного кода и добавил dotted border, чтобы сделать его более заметным.

Когда я изменил поле на 200px, результат стал еще более очевидным: