Значэнне 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 у тым, што пры змяненні памеру шрыфту аўтаматычна будзе мяняцца і міжрадковы інтэрвал.

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

<p>
	some long text
</p>

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

Хай памер шрыфту для абзацаў роўны 30px. Усталюйце ўласцівасць line-height так, каб бачны белы прамежак паміж абзацамі быў роўны 15px. Выкарыстоўвайце для гэтага значэнне line-height без адзінак.