ИП Иванов Д. А.

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

теги:

Категории

Рубрики
Заказать дизайн интерфейса сайта. Стоимость указана за 1 адаптивную страницу сайта.
от 5500 
Закажите сайт любой сложности под Ключ. После разработки в первый месяц вы получите бонусом:
  • Техническая поддержка сайта
  • Скидка на контекстную рекламу
  • Базовая СЕО оптимизация сайта (для многостраничных сайтов)
 
от 8500 

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

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

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

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

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

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

Поделиться:

Комментарии

Оставьте комментарий

Задать вопрос

Мы ответим в ближайшее время!

Отправляя заявку вы даете согласие на обработку персональных данных.

Вступайте в наш телеграм чат. Задавайте вопросы, помогайте другим.