Вот несколько способов создания вертикального текста:

1. Режим написания CSS: вы можете использовать свойство CSS writing-modeдля создания вертикального текста. Установите значение vertical-rlдля вертикального текста, который читается справа налево, или vertical-lrдля вертикального текста, который читается слева направо.

Пример:

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

2. Свойство Transform: вы можете использовать свойство CSS transformвместе с функцией rotateдля достижения вертикального текста.

Пример:

.vertical-text {
  transform: rotate(-90deg);
  transform-origin: left top;
}

3. SVG: масштабируемую векторную графику (SVG) можно использовать для создания вертикального текста путем вращения текстового элемента.

Пример:

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="200">
  <text x="0" y="0" transform="rotate(-90 20,40)">Vertical Text</text>
</svg>

4. JavaScript: вы можете использовать JavaScript для динамического управления расположением и поворотом текстовых элементов.

Пример:

const element = document.getElementById('my-element');
element.style.writingMode = 'vertical-rl';