html-block-and-inline

Question 1

How do block-level elements affect the document flow?

Answer 1

Block level elements are self-contained and takes up the entire width

Question 2

How do inline elements affect the document flow?

Answer 2

Inline elements occupies space in the place they’re placed; only takes up the space that is required.

Question 3

What are the default width and height of a block-level element?

Answer 3

Width: entire width of page, Height: just the amount for text with built in margins on top and bottom.

Question 4

What are the default width and height of an inline element?

Answer 4

The space that is required.