Как перевернуть текст в html

Для трансформации HTML объектов в пространстве применяется CSS свойство transform. Данное свойство позволяет поворачивать, масштабировать, наклонять или сдвигать элементы. Для того, чтобы развернуть текст на 180 градусов, воспользуемся значением rotate.

Исходный HTML документ:

<h2> Привет! Меня перевернули!</h2>

CSS стили:

h2 {
  /* Поворачиваем текст */
  transform: rotate(180deg);
  /* Закрепим итоговый результат вверху слева */
  position: absolute;
  left: 20px;
  top: 20px;
}

Результат: rotate-text

0 0