Q.In the CSS box model, the transparent space outside an element's border, which separates it from other elements, is called the:
(A) padding
(B) content
(C) margin
(D) border

This tests the four layers of the box model and, in particular, the difference between the space inside and outside the border.

Every element is a box with four layers from inside out: content, padding, border, margin.

(A) Padding is the space inside the box, between content and border — incorrect.

(B) Content is the innermost text or image itself — incorrect.

(C) Margin is the transparent space outside the border that pushes neighbouring boxes away — correct.

(D) Border is the line drawn around the padding and content, not a space — incorrect.

Swapping padding and margin. Remember: padding is the cushion INSIDE the box (content to border); margin is the gap OUTSIDE the box (border to the next element).