HTML BLOCK AND INLINE

Question 1

How do block-level elements affect the document flow?

Answer 1

A Block-level element occupies the entire horizontal space of its parent element (container), and vertical space equal to the height of its contents, thereby creating a “block”.

Browsers typically display the block-level element with a newline both before and after the element. You can visualize them as a stack 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

The bounnds of the container

Question 4

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

Answer 4

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