LECȚIA 40 DIN 100

Ajustează spațiul dintre cuvinte

Adaugă o ajustare mică spațiilor dintre cuvinte.

Sursă oficialăW3C CSS Text — word-spacingRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

word-spacing modifică spațiul dintre cuvinte peste valoarea normală a fontului. O ajustare moderată poate fi folosită într-un fragment scurt, fără a dispersa textul.

Exemplu corect
.short-message { word-spacing: 0.2em; }

Valoarea 0.2em adaugă un spațiu mic, proporțional cu textul.

Greșeală frecventă
.short-message { word-spacing: 2em; }

2em creează goluri de două ori cât mărimea fontului și rupe lizibilitatea propoziției.

PASUL 2 · APLICĂ

Exercițiul tău

Completează regula pentru .short-message cu word-spacing: 0.2em.

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 word-spacing folosește valoarea 0.2em.
  • Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării

Selectorul identifică elementul, iar declarația word-spacing: 0.2em aplică exact schimbarea cerută.