СВОЙСТВО WRITING-MODE

Свойство writing-mode позволяет устанавливать направление текста.

Поддержка браузеров

writing-mode: horizontal-tb|vertical-rl|vertical-lr

Значение	Описание
horizontal-tb	Содержимое распологается слева направо по горизонтали и сверху вниз по вертикали. Следующая горизонтальная строка расположена ниже предыдущей строки.
vertical-rl	Содержимое распологается справа налево по горизонтали и сверху вниз по вертикали. Следующая вертикальная строка расположена справа от предыдущей строки.
vertical-lr	Содержимое распологается вертикально сверху вниз, горизонтально слева направо. Следующая вертикальная строка расположена справа от предыдущей строки.
initial	Устанавливает значение по умолчанию.
inherit	Унаследует значение свойства от родительского элемента.

<p>
    Тpидцaтьтpикоpaбля <span class="vertical-rl">лaвиpовaли</span>, лaвиpовaли, дa тaк и не вылaвиpовaли.
</p>

HTML

.vertical-rl {
    writing-mode: vertical-rl; 
}

CSS