LECȚIA 42 DIN 100

Aerisește conținutul cu padding

Creează spațiu între conținutul unui panou și conturul său.

Sursă oficialăW3C CSS Box Model — paddingRevizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

Paddingul se află între conținut și bordură. Două valori în prescurtarea padding înseamnă vertical, apoi orizontal.

Exemplu corect
.panel { padding: 16px 24px; }

Panoul primește 16px sus și jos și 24px la stânga și dreapta.

Greșeală frecventă
.panel { padding: 0; }

Paddingul zero lipește conținutul de marginea cutiei.

PASUL 2 · APLICĂ

Exercițiul tău

Completează regula pentru .panel cu padding: 16px 24px.

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 padding folosește valoarea 16px 24px.
  • Elementul țintă este prezent în pagină.
Explică-mi logica rezolvării

Selectorul identifică elementul, iar declarația padding: 16px 24px aplică exact comportamentul cerut.