Valoarea line-height fără unități în CSS

Valoarea proprietății line-height nu trebuie neapărat să fie un număr cu unități de măsură. Puteți scrie pur și simplu un număr sau o fracție. În acest caz, valoarea reală a line-height poate fi găsită prin înmulțirea acestuia cu valoarea font-size.

De exemplu, font-size este 10px, iar line-height este 1.5. În acest caz, valoarea reală a line-height va fi 10px * 1.5 = 15px. Ei bine, iar spațiul alb vizibil dintre rânduri de text va fi 5px: 15px - 10px = 5px.

Avantajul acestei metode de setare a line-height este că atunci când dimensiunea fontului se schimbă, automat se va schimba și interlinia.

Să vedem aplicarea celor descrise pe un exemplu:

html<p>
  some long text
</p>

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

Результат: