In the CSS box model, which layer sits directly around the content?

In the CSS box model, which layer sits directly around the content?

• A. Content
• B. Padding
• C. Border
• D. Margin

Answer: (B)

Padding is the layer directly around the content in the CSS box model. It creates space inside the element so the content doesn’t touch the edges, sitting between the content and the border. Padding can be the same on all sides or specified per side, and it affects the element’s total size in the default sizing mode because width and height apply to the content area while padding adds to that size. The border sits outside the padding, and margins are outside the border, affecting spacing between this element and others.