Hilfe bei CSS Text mittig zu Bild

[Rolf B]

Hallo hannes_green,

Der Textblock muss immer horizontal zentriert zum Bild sein.

So sieht es nicht aus. Ich würde sagen: er ist vertikal zentriert.

Oder eher andersrum: Das Bild ist vertikal zum Textblock zentriert, da der Textblock die führende Rolle haben soll.

Gunnar hat gezeigt, wie ein <div> als Container um <h1> und <p> liegt (das <div> könnte auch ein <section>, <article> oder <main> Element sein). So ein div hast Du auch selbst schon verwendet. Dieser Container passt sich in seiner Höhe an den Inhalt von <h1> und <p> an.

Wenn Du nun diesem Container oben und unten Padding gibst und das Bild als background-image setzt (ohne repeat und mit Ausrichtung links) bist Du eigentlich fertig.

Wenn das Bild kein Deko-Element ist, sondern relevanter Inhalt, muss es ein img Element sein. In dem Fall hast Du mehr Arbeit, weil das Bild ja den Text unterschneiden soll. Ist es relevanter Inhalt?

Rolf