Размак редова у CSS-у

Хајде сада да научимо како да поставимо размак редова тексту. Под размаком редова подразумева се растојање између линија текста, односно бели простор између њих. За ово је намењено својство line-height, које поставља висину линије текста.

При коришћењу својства line-height може вас задесити извесна замка: ово својство не поставља простор између редова текста, како би се могло чинити, већ поставља висину линије текста.

То значи да ће се стварни видљиви простор између редова израчунавати овако: line-height - font-size = видљиво растојање између редова текста.

У следећем примеру растојање између редова текста ће бити 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: