LECȚIA 35 DIN 100

Aerisește un paragraf cu line-height

Setează o înălțime de linie proporțională pentru text continuu.

Sursă oficialăW3C CSS Inline Layout — line-heightRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

line-height controlează înălțimea casetei de linie. O valoare fără unitate, precum 1.6, se raportează la dimensiunea fontului elementului și se moștenește predictibil.

Exemplu corect
.body-copy { line-height: 1.6; }

Valoarea 1.6 multiplică dimensiunea curentă a fontului.

Greșeală frecventă
.body-copy { line-height: 16px; }

O valoare fixă de 16px poate deveni prea mică atunci când utilizatorul mărește textul.

PASUL 2 · APLICĂ

Exercițiul tău

Completează regula pentru .body-copy cu line-height: 1.6.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ

Ce trebuie să treacă

0%neverificat
  • Declarația line-height folosește valoarea 1.6.
  • Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării

Selectorul identifică elementul, iar declarația line-height: 1.6 aplică exact schimbarea cerută.