Вертикально текущий текст с CSS

Question

Я хотел бы иметь div с текстом. Но я бы хотел, чтобы текст проходил вертикально, а не горизонтально. Как это;

M

у

т

е

х

т

Любые идеи о том, как сделать это с помощью CSS?

Answer 1

Если у вас есть только одна строка текста, вы можете попробовать использовать width:1em;letter-spacing:1px (и пробел между каждой буквой)

edit: если вы не хотите использовать пробел между буквами width:1em;letter-spacing:1em;word-wrap:break-word

Answer 2

CSS3 имеет предложенный атрибут 'writing-mode', который можно установить в 'tb-lr' (писать текст сверху вниз, писать строки слева направо), но я не знаю, поддерживают ли его какие-либо браузеры тем не менее, это не то, на что можно положиться.

Answer 3

Пожалуйста, найдите ответ, здесь вы можете использовать текстовую ориентацию и

Пожалуйста, проверьте https://jsfiddle.net/yu7qr809/

div{
  text-orientation: upright;
  writing-mode: vertical-lr;
 }

Answer 4

.yourtext { -moz-transform: rotate(-90deg);
            -webkit-transform: rotate(-90deg);
            -moz-transform-origin: top right;
            -webkit-transform-origin: top right;
            filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}