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

[einsiedler]

Ich hab soweit folgendes:

<svg xmlns="http://www.w3.org/2000/svg"
					 xml:lang="en" width="auto" height="auto">
					<title>Positioning MainTitel</title>
					<style type="text/css">
						svg {
							font-family: 'Variable-Bold';
							fill: #ff6e00;
							font-size: 3rem;
							line-height: 1;
							margin: 0;
							padding: 0.5em 0.12em;
						}
						.em {
							fill: #ff6e00;
						}
					</style>
					<rect fill="#6f7f90;" width="100%" height="100%" />
					<text class="em" x="5em" y="1em" >Mein toller Text steht hier...
					</text>
</svg>

O.k. da muss noch das transform: rotate(-90deg); hin .... aber ist das soweit richtig?