Text horizontal in Flexbox zentrieren

[Gunnar Bittersmann]

@@Blackpanther23

Das Bild ist ein Bild :-).

Die Benennung „Schriftzug“ lässt darauf schließen, dass auf dem Bild Text zu sehen ist.

Zum einen sehen nicht alle Leute. Zum anderen sehen nicht alle Leute das Bild. Das könnte bspw. mich betreffen, wenn ich just in dem Moment, da mein Browser das Bild laden will, in einen Tunnel einfahre und die Netzverbindung abbricht.

Für diese Fälle ist der Alternativtext da, der von Screenreadern vorgelesen wird und angezeigt wird, wenn das Bild nicht geladen werden kann (oder soll).

Wenn also der Schriftzug auf dem Bild „Krimskrams“ lautet, sollte genau das im alt-Attribut stehen: <img src="Schriftzug.gif" alt="Krimskrams">

Hab das mal in ein div gepackt:

Das div brauchst du nicht.

Entweder header { text-align: center }, dann wird alles im header zentriert.

Oder du zentrierst das Bild als Blockelement: header > img { display: block; margin: auto }

LLAP 🖖