FrontendHaltCSS·Beginner·Conceptual·1 min read
What are the four regions of the CSS box model, from inside out?
Short interview answer
Content, padding, border, and margin. Content holds the element's actual content, padding is space inside the border, border is the visible edge, and margin is space outside the border that separates the box from its neighbors.
Key takeaway
Explain the underlying mental model clearly, then support it with a concrete example and its trade-offs.