Cómo crear texto vertical utilizando sólo CSS?

Question

¿Es posible crear texto vertical utilizando sólo CSS, compatible con IE6 +?

Por verticales quiero decir

F
O
O

B
A
R

Answer 1

Editado: Puede intentar lo siguiente:

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

Esto parece funcionar en Firefox 3.5 y IE7 + (no tienen acceso a IE6 en este momento). La única cosa que falta de esa solución es una nueva línea extra por un espacio, el resultado es algo como:

F
O
O
B Opiniones Un
R

Answer 2

Hoy en día no es posible de una manera independiente del navegador. Espere a CSS3.

Answer 3

Esto funciona en IE, pero por desgracia no FF:

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

Answer 4

Se puede lograr algo similar (al menos en IE) utiliza este CSS:

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

Pero esto va a rotar los caracteres en 90 grados hacia la derecha.