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:

<p>
	some long text
</p>

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

Le të jetë madhësia e shkronjave për paragrafët 30px. Vendosni vetinë line-height ashtu që hapësira e bardhë e dukshme midis paragrafëve të jetë 15px.