Как создать вертикальный текст, используя только CSS?

Question

Можно ли создать вертикальный текст, используя только CSS, совместимый с IE6+?

Под вертикалью я имею в виду

F
O
O

B
A
R

Answer 1

Отредактировано: Вы можете попробовать следующее:

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

Кажется, это работает в Firefox 3.5 и IE7+ (сейчас у меня нет доступа к IE6).Единственное, чего не хватает в этом решении, — это дополнительная новая строка для пробела, результат примерно такой:

Ф
О
О
Б
А
р

Answer 2

Сегодня это невозможно независимо от браузера.Подождите CSS3.

Answer 3

Это работает в IE, но, к сожалению, не в FF:

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

Answer 4

Вы можете добиться чего-то подобного (по крайней мере, в IE), используя этот CSS:

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

Но это повернет символы на 90 градусов по часовой стрелке.