Quelle est la différence entre un élément de bloc et un élément en ligne?

Le bloc occupe toute la largeur disponible, crée une nouvelle ligne invisible avant et après lui, peut contenir d'autres éléments de bloc et en ligne, et a également un contrôle total sur les tailles (width, height).

L'en ligne n'occupe que la largeur nécessaire, ne crée pas de nouvelle ligne, ne peut contenir que d'autres éléments en ligne et du texte, et ignore également les changements de taille via width et height (seuls padding et margin horizontaux s'appliquent).

Exemples:

Blocs : div, p, h1, section. En ligne : span, a, strong, em.