Hodnota line-height bez jednotek v CSS

Hodnotou vlastnosti line-height nemusí nutně být číslo s jednotkami. Můžete také jednoduše napsat číslo nebo zlomek. V tomto případě lze skutečnou hodnotu line-height najít vynásobením hodnoty font-size.

Například, font-size je 10px, a line-height je 1.5. V tomto případě bude skutečná hodnota line-height 10px * 1.5 = 15px. No, a viditelná bílá mezera mezi řádky textu bude 5px: 15px - 10px = 5px.

Výhoda tohoto způsobu nastavení line-height spočívá v tom, že při změně velikosti písma se automaticky bude měnit i řádkování.

Podívejme se na aplikaci výše popsaného na příkladu:

html<p>
  some long text
</p>

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

Результат: