Vertikale Überschrift (im header) die zentriert ist und sich links befindet
bearbeitet von
Ich hab soweit folgendes:
~~~HTML
<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="em" >Mein toller Text steht hier...
</text>
</svg>
~~~
O.k. da muss noch das transform: rotate(-90deg); hin .... aber ist das soweit richtig?
~~~HTML
<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="em" >Mein toller Text steht hier...
</text>
~~~
O.k. da muss noch das transform: rotate(-90deg); hin .... aber ist das soweit richtig?
Vertikale Überschrift (im header) die zentriert ist und sich links befindet
bearbeitet von
Ich hab soweit folgendes:
~~~HTML
<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="em" >TassMein tololer Text Sstueht hierm...
</text>
</svg>
~~~
O.k. da muss noch das transform: rotate(-90deg); hin .... aber ist das soweit richtig?
~~~HTML
<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="em" >
</text>
</svg>
~~~
O.k. da muss noch das transform: rotate(-90deg); hin .... aber ist das soweit richtig?
Vertikale Überschrift (im header) die zentriert ist und sich links befindet
bearbeitet von
Ich hab soweit folgendes:
~~~HTML
<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="em" >Tassilo Sturm
</text>
</svg>
~~~
O.k. da muss noch das transform: rotate(-90deg); hin .... aber ist das soweit richtig?