Was ist der Unterschied zwischen einem Block-Element und einem Inline-Element?

Blockelement nimmt die gesamte verfügbare Breite ein, erstellt eine unsichtbare neue Zeile davor und danach, kann andere Block- und Inline-Elemente enthalten und hat die volle Kontrolle über die Größen (width, height).

Inline-Elemente nehmen nur die benötigte Breite ein, erstellen keine neue Zeile, können nur andere Inline-Elemente und Text enthalten und ignorieren Größenänderungen durch width und height (nur padding und margin horizontal gelten).

Beispiele:

Blockelemente: div, p, h1, section. Inline-Elemente: span, a, strong, em.