HTML Block and Inline Elements

Question 1

How do block-level elements affect the document flow?

Answer 1

A block-level element always starts on a new line and takes up the full width available (stacks of boxes).

Question 2

How do inline elements affect the document flow?

Answer 2

Inline elements are those which only occupy the space bounded by the tags defining the element, instead of breaking the flow of the content.

Question 3

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

Answer 3

Height = height of the content. Width = width takes up the full length of the parent container (length of the page).

Question 4

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

Answer 4

The default height and width of an inline element is the height and width of the content.