03 - HTML Block and Inline

Question 1

How do block-level elements affect the document flow?

Answer 1

Some elements will always appear to start on a new line in the browser window. These are known as block level elements.
Examples of block elements are h1, p, ul, and li.

Question 2

How do inline elements affect the document flow?

Answer 2

Some elements will always appear to continue on the same line as their neighboring elements. These are known as inline elements.
Examples of inline elements are a, b, em, and img.

Question 3

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

Answer 3

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”.

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.