The Box Model

Question 1

What statement about this padding declaration is correct?

padding: 20px 40px;

Answer 1

a padding of 20px is applied to the top and bottom of the element, and 40px is applied to the left and right sides

Question 2

What area exists outside of the box?

Answer 2

margin area

Question 3

The innermost area of a box is called the:

Answer 3

content area

Question 4

An _____ element only takes up as much width as it needs and does not force any new lines

Answer 4

inline

Question 5

T/F: Block elements form a separate block that takes up the full width available based on the width of the parent element.

Answer 5

True

Question 6

Property that forces the padding into the width of the div.

Answer 6

box-sizing: border-box;

Question 7

Property that automatically provides scrollbars if and where they are needed.

Answer 7

overflow: auto;

Question 8

A popular way to contain floats without resorting to using presentational markup.

Answer 8

• micro clearfix hack

- inline-block is better