CSS - дополнительный вертикальный интервал между абзацами (простой)

Question

Я понимаю, что это невероятно просто, но я настроил очень простую HTML-страницу в Firefox ...

html {
  margin: 0; padding: 0;
  font-size: 62.5%;
}

p {
  text-align: justify;
  font-family: verdana, sans-serif;
  font-size: 1.6rem;
  width: 90%;
  margin: 0 auto; 
  padding: 1rem 0 1rem 0;
}

Достаточно просто.

Однако, скажем, у меня есть три абзаца.

Над первым абзацем есть место примерно на 13 пикселей.Также под последним абзацем есть место на 13 пикселей.

Под параграфами 1 и 2 пространство не разрушается.Там около 26 пикселей пространства - возникают проблемы с запоминанием того, как заставить отступы / отступы ...

Спасибо за любые отзывы.

Answer 1

Поля исчезают, когда два вертикальных поля соприкасаются друг с другом, причем больший запас перекрывает другой.Вот модифицированный код:

html {
  margin: 0; padding: 0;
  font-size: 62.5%;
}

p {
  text-align: justify;
  font-family: verdana, sans-serif;
  font-size: 1.6rem;
  width: 90%;
  margin: 1rem auto;
}