Можно ли сделать так, чтобы текст отображался вертикально с помощью css?

Question

L
i
k
e

t
h
i
s

Можете ли вы ответить демо?

Для тех из вас, кто не знает, какой эффект мне нужен, см. здесь (этот работает только в IE, что в принципе и нужно).

Мне не нужен текст для поворота. Нужна только вертикаль!

изображение эффекта:

_{(источник: 51hired.com )}

Answer 1

Решение для FireFox (и, возможно, других браузеров) здесь: http://bytes.com/topic/javascript/answers/721811-solution-display-text-rotated-90-vertically-firefox-css

Специальное решение для IE здесь:
http://www.ssi -developer.net / CSS / вертикальный-text.shtml

Answer 2

Вы можете попытаться установить фиксированную небольшую ширину для контейнера. Если вы печатаете текстовые чередующиеся пробелы, они должны показываться один под другим.

Answer 3

Нет, но серия разрывов строк (<br> элементов) должна сработать.

Answer 4

Это самый простой способ, добавив пробел между буквами и шириной 1px

CSS:

p{width:1px;}

HTML

<p>L i k e t h i s</p>

Теперь вывод придет, как вам нравится

L
i
k
e

t
h
i
s

Answer 5

Самый быстрый путь к финишу - создать изображение с текстом, размеченным так, как вы хотите. Обязательно добавьте атрибут alt к его элементу img, где бы он ни использовался, чтобы поисковые системы могли правильно его проиндексировать.

Кстати, это проблема с решениями на основе разметки: поисковые системы могут не соответствовать словам в метке, если их буквы разделены тегами.