html-block-and-inline

Question 1

How do block-level elements affect the document flow?

Answer 1

Block-level elements affect the document flow by removing all elements on the left and right side because it takes up the entire width of its containing element and the height is determined by the content within the element. This means all elements before it in code are pushed up and all elements after it in code are pushed down.

Question 2

How do inline elements affect the document flow?

Answer 2

Inline elements affect the document flow by being the exact size of the content within the element. It remains on the same line, typically used within a block element. Its main purpose is stylization of text content (em, strong, del).

Question 3

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

Answer 3

The default width of a block-level element is the entire width of the element containing it and the height is determined by the content within the block-level element.

Question 4

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

Answer 4

The default width and height of an inline element are determined purely by the content within the inline element.