Moin,
Dein Beispiel funktioniert, weil der Text in eine Zeile passt.
nein, das ist nicht der Grund - das heißt, indirekt schon. Der Punkt ist, dass vertical-align den Inhalt *innerhalb einer Zeile* definiert ausrichtet. Das Bild bleibt aber immer noch im Textfluss, als wäre es ein Zeichen. Es wird also in der Zeile ausgerichtet, in der es steht, aber vorhergehende oder nachfolgende Zeilen sind davon nicht betroffen.
Was du möchtest, ist aber, den Text zu einem Block zusammenzufassen und als Ganzes zusammen mit dem Bild mittig auszurichten. Ich würde versuchen, den Text in ein Containerelement zu stecken (ein p-Element bietet sich an) und diesen Container als inline-block zu formatieren. Dann sollte es wieder möglich sein, das Bild und den p-Container (der sich nun nach außen hin wie ein inline-Element verhält) auszurichten.
Schöne Feiertage,
Martin
Alle Tage sind gleich lang. Aber unterschiedlich breit.
Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(