Как сделать вертикальный текст в HTML для создания дизайнерских коллажей?

Для создания вертикального текста в HTML и дизайнерских коллажей можно использовать CSS-свойства writing-mode и text-orientation. tenchat.ru

Свойство writing-mode определяет направление текста на странице. tenchat.ru developer.mozilla.org Оно может принимать несколько значений, например: tenchat.ru

• horizontal-tb (значение по умолчанию) — текст идёт слева направо. tenchat.ru
• vertical-rl — текст ориентируется вертикально справа налево. tenchat.ru developer.mozilla.org
• vertical-lr — текст ориентируется вертикально слева направо. tenchat.ru developer.mozilla.org

Свойство text-orientation позволяет изменить ориентацию текста относительно направления, заданного свойством writing-mode. tenchat.ru Есть два значения: tenchat.ru

• mixed (по умолчанию) — в вертикальном режиме символы разворачиваются на 90° по часовой стрелке. tenchat.ru
• upright — в вертикальном режиме символы размещаются естественным путём друг под другом. tenchat.ru

Ещё для создания вертикального текста можно использовать CSS-свойство transform в сочетании с функцией rotate(). sky.pro Этот метод предполагает поворот текста на 90 градусов, что подходит для креативных заголовков, боковых панелей и нестандартных дизайнерских решений. sky.pro