Block and Inline Elements

Description #

Each element has a default display value of either a block or an inline element. They behave differently and it is very helpful to understand each one as we begin laying out and center elements on our pages.

Where this knowledge is utilized #

• WDD 130
• WDD 230
• WDD 330
• WDD 430
• CSE 340

Prepare #

• MDN Block-level elements

• MDN Inline-level elements

The following video introduces the difference between block, inline, and inline-block elements and how you might center them easily.

Block vs. Inline Elements #

• Understanding Block and Inline Elements

Ponder #

• Practice with Block and Inline Elements