HTML Block and Inline

Question 1

How do block-level elements affect the document flow?

Answer 1

Block level elements appear to start on a new line when viewed in the browser.

Question 2

How do inline elements affect the document flow?

Answer 2

Inline level elements appear to continue on the same line as their neighbouring elements in the web browser.

Question 3

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

Answer 3

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

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.