Međulinijski razmak u CSS-u
Hajde sada da naučimo kako da postavimo međulinijski
razmak tekstu. Pod međulinijskim razmakom
podrazumeva se rastojanje između linija
teksta, odnosno beli prostor između njih.
Za to je predviđeno svojstvo line-height,
koje postavlja visinu linije teksta.
Prilikom korišćenja svojstva line-height
mogli biste da naiđete na izvesnu zamku: ovo svojstvo
ne postavlja razmak između redova teksta,
kako bi se na prvi pogled moglo činiti, već postavlja visinu
linije teksta.
To znači da će se stvarni vidljivi razmak
između redova računati ovako: line-height
- font-size = vidljivo rastojanje između
redova teksta.
U sledećem primeru rastojanje između redova
teksta biće :
50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Neka je veličina fonta za pasuse 30px.
Postavite svojstvo line-height tako,
da vidljivi beli razmak između pasusa
bude 15px.