The Box Model — Quiz

Answer all 5 questions, then submit. You need 60% to pass. Log in to save progress.

Question 1

In the box model, which layer is the transparent space OUTSIDE the box that pushes other elements away?

A Padding

B Border

C Margin

D Content

Question 2

Which layer sits INSIDE the box, between the content and the border, and shares the background colour?

A Margin

B Padding

C Outline

D Border

Question 3

With the default box-sizing, an element has width: 200px, padding: 20px and border: 5px. How wide is it on screen?

A 200px

B 225px

C 250px

D 245px

Question 4

What does box-sizing: border-box do?

A Removes all padding

B Makes width include padding and border (content shrinks to fit)

C Adds a border to every element

D Centres the element

Question 5

Two paragraphs are sitting too close together. Which property best separates them?

A Increase their padding

B Increase the margin between them

C Increase their border width

D Increase their content