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