Text horizontal in Flexbox zentrieren
bearbeitet von 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">`{: .language-html style="whitespace: nowrap"}
> Hab das mal in ein div gepackt:
Das `div` brauchst du nicht.
Entweder `header { text-align: center }`{: .language-css style="whitespace: nowrap"}, dann wird alles im `header` zentriert.
Oder du zentrierst das Bild als Blockelement: `header > img { display: block; margin: auto }`{: .language-css style="whitespace: nowrap"}
LLAP 🖖
--
Ist diese Antwort _anstößig_? Dann könnte sie [_nützlich_](http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860) sein.
Text horizontal in Flexbox zentrieren
bearbeitet von 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">`{: .language-html style="whitespace: nowrap"}
> Hab das mal in ein div gepackt:
Das `div` brauchst du nicht.
Entweder `header { text-align: center }`{: .language-css style="whitespace: nowrap"}, dann wird alles im `header` zentriert.
Oder du zentrierst das Bild als Blockelement: `header > img { display: block; margin: auto }`{: .language-css style="whitespace: nowrap"}
LLAP 🖖
--
Ist diese Antwort _anstößig_? Dann könnte sie [_nützlich_](http://forum.selfhtml.org/self/2015/jun/21/select-felder/1643860#m1643860) sein.