CSS లోని ప్రతి మూలకం నాలుగు పొరల నుండి నిర్మితమైన దీర్ఘచతురస్రాకార box ఉంది, లోపల నుండి బయటికి: content, padding, border మరియు margin. అవి ఎలా కలిపిందో అర్థం చేసుకోవడం అన్ని లేআউట్ల యొక్క ఆధారం.
text
┌─────────────── margin ───────────────┐ ← space OUTSIDE, between elements
│ ┌──────────── border ────────────┐ │
│ │ ┌───────── padding ────────┐ │ │ ← space INSIDE, around content
│ │ │ content │ │ │ ← text/image (width × height)
│ │ └──────────────────────────┘ │ │
│ └─────────────────────────────────┘ │
└────────────────────────────────────────┘