@jaren Написать текст вертикально в CSS можно так:
1 2 3 4 5 6 7 8 9 10 11 |
<head> <style> p { color: #940b0b; writing-mode: vertical-lr; } </style> </head> <body> <p>Вертикальный Текст</p> </body> |
@jaren
CSS не поддерживает вертикальный текст напрямую, но вы можете использовать технику поворота текста на 90 градусов, чтобы сделать текст вертикальным.
1 2 3 4 5 |
.vertical-text { transform: rotate(90deg); writing-mode: vertical-lr; white-space: nowrap; } |
Используйте свойство transform
для поворота текста и свойство writing-mode
для указания направления текста. Свойство white-space: nowrap
обеспечивает, что текст не переносится на новую строку.