• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Rotierten Text zentrieren

Padarom

Neues Mitglied
Hallo zusammen,
ich habe in einer Div mit fester Höhe und Breite einen Text eingefügt und diesen (s. Code) um 90° gedreht.
Die Position dieses Textes ist allerdings nur schwerfällig änderbar, da Prozentangaben in einer festen Div nicht wirklich etwas bezwecken und ich mit festen Pixelangaben ziemlich viel probieren muss.
Zusätzlich erschwert das noch die Tatsache, dass der Text (ein Nutzername) immer anders ist. Mal hat er also 15 Zeichen Länge, und mal nur 5.
Deshalb meine Frage an euch: Ist es (und wenn ja, wie) möglich, diesen rotierten Text innerhalb der Div horizontal zu zentrieren?

Code:
.name {
    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    display: block;
    font-size: 2em;
    font-weight: bold;
    float: left;    
}

Mit freundl. Grüßen
Padarom
 
Wie darf man das horizontal in diesem Fall verstehen?

Hast du schon text-align: center; ausprobiert? ;)

lascaux
 
Zurück
Oben