html-block-and-inline

Question 1

How do block-level elements affect the document flow?

Answer 1

Block-level elements will start the content on a new line.

Question 2

How do inline elements affect the document flow?

Answer 2

Inline elements will continue the content on the same line.

Question 3

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

Answer 3

A block-level elements occupies the entire horizontal space of its parent element (container) and the vertical space equal to its content height.

Question 4

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

Answer 4

Inline elements only take up as much width as necessary for its contents. Height and width will have no effect on inline elements.