Reavahe CSS-is

Õpime nüüd määrama teksti reavahet. Reavahe all mõistetakse kaugust tekstiridade vahel, see tähendab valget tühikut nende vahel. Selleks on mõeldud omadus line-height, mis määrab tekstirea kõrguse.

Omaduse line-height kasutamisel võib teid oodata mingi konks: see omadus ei määra teksti ridade vahelist tühikut, nagu võiks arvata, vaid määrab tekstirea kõrguse.

See tähendab, et tegelik nähtav tühik ridade vahel arvutatakse nii: line-height - font-size = nähtav kaugus teksti ridade vahel.

Järgmises näites on kaugus teksti ridade vahel 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: