Wie vertikalen Text mit nur CSS erstellen?

Question

Ist es möglich, nur CSS, kompatibel mit IE6 mit vertikalem Text erstellen +?

Durch die vertikal ich meine

F
O
O

B
A
R

Answer 1

Editiert: Sie können versuchen, die folgenden:

p {
  letter-spacing: 1000px;    // more than width of parent 
  word-wrap: break-word;    // seems to work in at least Firefox and IE7+ 
}

Dies scheint in Firefox 3.5 und IE7 + zu arbeiten (Sie haben keinen Zugriff auf IE6 jetzt). Das einzige, was von dieser Lösung fehlt, ist eine zusätzliche neue Zeile für einen Raum, das Ergebnis ist so etwas wie:

F
O
O
B
A
R

Answer 2

Heute ist es in einem Browser Agnostiker Weise nicht möglich. Warten Sie CSS3.

Answer 3

Das funktioniert im IE, aber leider nicht FF:

.verticaltext 
{
    writing-mode: tb-rl;
    filter: fliph flipv;
}

Answer 4

Sie können etwas ähnliches (zumindest in IE) erreichen mit dieser CSS:

.verticaltext {
  writing-mode: tb-rl;
}

Das wird aber die Zeichen um 90 Grad im Uhrzeigersinn drehen.