Sorok közötti távolság CSS-ben

Most pedig tanuljuk meg, hogyan állíthatjuk be a szöveg sorok közötti távolságát. A sorok közötti távolság alatt a szöveg sorai közötti távolságot, azaz a köztük lévő fehér részt értjük. Erre szolgál a line-height tulajdonság, amely a szöveg sorának magasságát határozza meg.

A line-height tulajdonság használatakor egy kis meglepetés érihet: ez a tulajdonság nem a szöveg sorai közötti távolságot adja meg, ahogy az első ránézésre tűnhet, hanem a szöveg sorának magasságát határozza meg.

Ez azt jelenti, hogy a sorok közötti látható távolság a következőképpen számítható ki: line-height - font-size = a szöveg sorai közötti látható távolság.

A következő példában a szöveg sorai közötti távolság 50px - 20px = 30px lesz:

html<p>
  some long text
</p>

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

Результат: