html-block-and-inline

Question 1

How do block-level elements affect the document flow?

Answer 1

Block elements will always appear to start on a new line in the browser window and take up the entire width of their parent element. Their height is fixed to as much as the content needs. Their width and height cannot be set.

Question 2

How do inline elements affect the document flow?

Answer 2

Inline elements will always appear to continue on the
same line as their neighbouring elements and take up the width and height of their content. Their height is fixed to as much as the text content needs. Their width and height cannot be set.

Question 3

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

Answer 3

The entire width of their parent element and just as much height of the content in the block element.

Question 4

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

Answer 4

The width and height of the content in the inline element.