CSS-এ প্রতিটি উপাদান একটি আয়তাকার box যা চারটি স্তর নিয়ে গঠিত, ভেতর থেকে বাইরের দিকে: content, padding, border এবং margin। তারা কীভাবে একসাথে কাজ করে তা বোঝা সমস্ত লেআউটের ভিত্তি।
text
┌─────────────── margin ───────────────┐ ← space OUTSIDE, between elements
│ ┌──────────── border ────────────┐ │
│ │ ┌───────── padding ────────┐ │ │ ← space INSIDE, around content
│ │ │ content │ │ │ ← text/image (width × height)
│ │ └──────────────────────────┘ │ │
│ └─────────────────────────────────┘ │
└────────────────────────────────────────┘