CSS Layout

Question 1

What are the four components of the box model?

Answer 1

Content, padding, borders, margin

Question 2

What does padding do in the box model?

Answer 2

It offers breathing room to the content area by separating the content from the surrounding border area.

Question 3

What is the difference between padding and border?

Answer 3

Padding creates space inside the box. Margin creates space outside the box.

Question 4

What does the value “auto” do for margins?

Answer 4

When the browser sees the value “auto” for a margin declaration, then the browser will automatically calculate the margins for each side (to center it.).