Block elements take up the full width available, while inline-block elements only take up as much width as necessary.

• Block elements start on a new line and stack vertically

• Inline-block elements can sit next to each other and wrap to a new line when necessary

• Block elements have a default width of 100%

• Inline-block elements have a default width of the content inside them

• Examples of block elements include

  ,

  -

  ,

  ,

  ,
  ,

  Examples of inline-block elements include , , ,