Вредност 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;
}

Результат: