Ndarja e rreshtave në CSS

Tani le të mësojmë si të vendosim ndarjen e rreshtave për tekstin. Ndarja e rreshtave nënkupton distancën midis rreshtave të tekstit, domethënë hapësirën e bardhë midis tyre. Për këtë qëllim shërben vetia line-height, e cila përcakton lartësinë e rreshtit të tekstit.

Gjatë përdorimit të vetisë line-height mund të hasni një kurth: kjo veti nuk vendos distancën midis rreshtave të tekstit, siç mund të duket, por përcakton lartësinë e rreshtit të tekstit.

Kjo do të thotë se distanca e dukshme reale midis rreshtave do të llogaritet kështu: line-height - font-size = distanca e dukshme midis rreshtave të tekstit.

Në shembullin vijues distanca midis rreshtave të tekstit do të jetë 50px - 20px = 30px:

html<p>
  some long text
</p>

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

Результат: