6.6 Layout

  • HTML elements are modelled as boxes,

  • HTML elements can either be inline (starts on the same line) or block-level (generates a break line).

  • Inline vs block-level elements

  • Block-level elements can be modelled as a box, with the possibility to alter its dimensions via properties such as margin-top, margin-left, margin, padding and more.