CSS में प्रत्येक तत्व एक आयताकार box है जो चार परतों से बना होता है, अंदर से बाहर: content, padding, border, और margin। समझना कि वे कैसे संयुक्त होते हैं, यह सभी लेआउट की नींव है।
text
┌─────────────── margin ───────────────┐ ← space OUTSIDE, between elements
│ ┌──────────── border ────────────┐ │
│ │ ┌───────── padding ────────┐ │ │ ← space INSIDE, around content
│ │ │ content │ │ │ ← text/image (width × height)
│ │ └──────────────────────────┘ │ │
│ └─────────────────────────────────┘ │
└────────────────────────────────────────┘
