h1 заголовки

h1 свой размер, h2 свой. Размеры заголовков в em/rem.

by akogch

HTML

<div class="header header--large">Заголовок</div>
<p>
  Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные
  тексты. Пунктуация единственное гор, предложения вскоре эта несколько
  грустный! Всемогущая, выйти!
</p>
<p>
  Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные
  тексты. Повстречался выйти она они, буквенных большой рекламных. Ее, не над.
</p>
<div class="header">Заголовок</div>
<p>
  Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные
  тексты. То большой, ему продолжил собрал языкового лучше пустился толку снова.
</p>

CSS

.header {
  font-size: 1em;
  padding: 0.5em 0.75rem;
  /* Меняй .75rem на .75em  */
  background: #7f7cff;
}

.header--large {
  font-size: 2em;
}

p {
  font-size: 1em;
  margin-left: 0.75em;
  margin-right: 0.75em;
}