Interligne en CSS

Apprenons maintenant à définir l'interligne d'un texte. Par interligne, on entend la distance entre les lignes de texte, c'est-à-dire l'espace blanc entre elles. Pour cela, la propriété line-height est prévue, elle définit la hauteur de ligne du texte.

Lors de l'utilisation de la propriété line-height, un piège peut vous attendre : cette propriété ne définit pas l'espacement entre les lignes de texte, comme on pourrait le penser, mais définit la hauteur de la ligne de texte.

Cela signifie que l'espacement visible réel entre les lignes sera calculé ainsi : line-height - font-size = distance visible entre les lignes de texte.

Dans l'exemple suivant, la distance entre les lignes de texte sera 50px - 20px = 30px :

html<p>
  some long text
</p>

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

Результат: