Как сделать текст вертикальным css

Самый простой способ сделать текст вертикальным с помощью CSS.

<div class="text">Текст</div>

в CSS файле пропишем стиль для данного класса:

.text { 
     writing-mode: vertical-lr; 
     text-orientation: upright; 
}
/* Получаем:  
Т
е
к
с
т */