Значэнне line-height без адзінак у CSS

Значэннем уласцівасці line-height не абавязкова павінен служыць лік у якіх-небудзь адзінках. Можна таксама проста напісаць лік ці дроб. У гэтым выпадку сапраўднае значэнне line-height можна будзе знайсці, памножыўшы яго на значэнне font-size.

Напрыклад, font-size роўны 10px, а line-height - 1.5. У гэтым выпадку рэальнае значэнне line-height будзе 10px * 1.5 = 15px. Ну, а бачны белы прамежак паміж лініямі тэксту будзе 5px: 15px - 10px = 5px.

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

Паглядзім прымяненне апісанага на прыкладзе:

html<p>
  some long text
</p>

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

Результат: