Міжрадковы інтэрвал у CSS

Давайце цяпер навучымся задаваць міжрадковы інтэрвал тэксту. Пад міжрадковым інтэрвалам маецца на ўвазе адлегласць паміж лініямі тэксту, гэта значыць белы прамежак паміж імі. Для гэтага прызначана ўласцівасць line-height, якое задае вышыню лініі тэксту.

Пры выкарыстанні ўласцівасці line-height вас можа чакаць некаторы падвох: гэта ўласцівасць не задае прамежак паміж радкамі тэксту, як магло здацца, а задае вышыню лініі тэксту.

Гэта значыць, што рэальны бачны прамежак паміж радкамі будзе вылічацца так: line-height - font-size = бачная адлегласць паміж радкамі тэксту.

У наступным прыкладзе адлегласць паміж радкамі тэксту будзе 50px - 20px = 30px:

html<p>
  some long text
</p>

cssp {
  font-size: 20px;
  line-height: 50px;
  text-align: justify;
  width: 400px;
}

Результат: