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

[einsiedler]

Hallo liebe Forumer,

es geht um die Testseite : [Testseite ]

Dort möchte ich die Überschrift <h1> im <header> hochkant zentriert darstellen, ich habe mal eine Skizze angefertigt von meinem Konstrukt. .jpg Zeichnung Bisher wird meine Überschrift immer nur horizontal dargestellt! Warum?

innerhalb meines div.centred-container befindet sich links <header> daneben rechts <div.main-content>, wobei ich der Überschrift gerne eine automatische Breite geben möchte (je nach Schriftgröße), deshalb flex.grow: 0; und entsprechend für das div.main-content dann flex-grow: 1; (hier hell grau in meiner Zeichnung!)

Nunja jedenfalls wird der Schriftzug nicht hochkant dargestellt! warum?

Gruß der einsiedelnde