display: block;

  • Occupy the horizontal space of their container
  • Stretch the full width available
  • Start on a new line

  • Accept height & weight properties

    display: inline;

  • Occupy the size their content needs

  • Sit inline or in content flow

  • DO NOT accept height & weight properties

    display: inline-block;

  • sit inline or in content flow

  • Do acctept height & width properties