Vertikale Überschrift (im header) die zentriert ist und sich links befindet

[Gunnar Bittersmann]

@@Rolf B

Was hilft, ist writing-mode: vertical-lr, zusammen mit einem transform:rotate(180deg) auf dem Text.

Du nimmst mir das Wort aus dem Mund.

Allerdings ist writing-mode relativ neu und wird nur von FF und Chrome unterstützt. Hinter Safari ist in der Kompat-Tabelle ein ?. Für IE/Edge User würde der Text horizontal dargestellt.

Deshalb ein @supports()-Block.

Die Alternative wäre ein Bild mit dem gedrehten Text drin

Was auch ein SVG sein darf. Bei Inline-SVG hat man den Text auch im Markup.

LLAP 🖖