Как расположить текст вертикально CSS

Для расположения текста вертикально в CSS можно использовать свойство writing-mode. Например:

.vertical-text {
  writing-mode: vertical-rl; /* вертикальное направление справа налево */
  text-orientation: upright; /* ориентация текста вверх */
}

Также можно использовать свойство transform с функцией rotate, чтобы повернуть текст на 90 градусов:

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

Обратите внимание, что при вертикальном расположении текста может потребоваться увеличить ширину блока, чтобы текст не обрезался.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как расположить текст вертикально CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали