Gunther: [nachgereicht] Erklärung...

Beitrag lesen

Hi Dave,

hier noch eine kurze Erklärung.
Bei dem Div-Element handelt es sich um ein Block-Element. Diesem weist du nun bestimmte Formatierungen zu (z.B. vertical-align:middle). Diese greifen auch für alle Elemente innerhalb dieses Blockelementes für die _keine_ andere Format-Anweisung definiert wurde. Das ist aber bei dir der Fall, nämlich durch das Image-Tag, welches ein Inline-Element ist, und somit eine Formatierung für den Rest der Zeile (also z.B. dein anschließender Text), in der es steht, vornimmt. Und der Default-Wert für align ist "baseline".

Deshalb musst du im Image-Tag zusätzlich einen Wert für align angeben. Wäre dein Text in einer neuen Zeile (immernoch innerhalb des DIV-Bereiches), käme wieder die Formatierung des Block-Elementes (also vom DIV) zum Tragen.

Gruß Gunther