Come creare testo verticale utilizzando solo i CSS?

Question

E 'possibile creare testo verticale utilizzando solo i CSS, compatibile con IE6 +?

Per verticale intendo

F
O
O

B
A
R

Answer 1

Modificato: È possibile provare il seguente:

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

Questo sembra funzionare in Firefox 3.5 e IE7 + (non hanno accesso a IE6 in questo momento). L'unica cosa che manca da questa soluzione è una nuova linea di più per uno spazio, il risultato è qualcosa di simile:

F
O
O
B
A
R

Answer 2

Oggi non è possibile in un modo agnostico browser. Attendere CSS3.

Answer 3

Questo funziona in IE, ma purtroppo non FF:

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

Answer 4

È possibile ottenere qualcosa di simile (almeno in IE) con questo CSS:

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

Ma questo ruoterà i caratteri di 90 gradi in senso orario.