Elemente: „block“ oder „inline“

Block-Elemente nehmen standardmäßig die gesamte Breite ihres Containers ein. Sie beginnen immer in einer neuen Zeile. Höhe, Breite und Abstände können einfach angepasst werden.

Inline-Elemente nehmen nur so viel Platz ein, wie ihr Inhalt benötigt. Sie erscheinen in einer Zeile mit anderen Inline-Elementen. Höhe und Breite können nicht direkt angepasst werden.

Block

Inline-Element
Inline-Element mit Abstand
Inline-Element
Inline-Element

Block mit angepasster Breite

​​​​​​​Block als Container
Inline-Element
Inline-Element mit Abstand