Как повернуть текст на 90 градусов в css?
Как повернуть текст на 90 градусов в css?
2 ответа
от
abel ,
3 года назад
@johnpaul.blick Повернуть текст на 90 градусов в CSS можно через writing-mode :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> p { writing-mode: vertical-lr; } </style> </head> <body> <p>Повернуть текст на 90 градусов в css</p> </body> </html> |
от
dmitrypro77 ,
3 года назад
@johnpaul.blick Вы можете также использовать transform свойство и rotate(90deg) чтобы перевернуть текст на 90 или более градусов в CSS:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <style> p { display: inline-block; transform: rotate(90deg); } </style> </head> <body> <p>Повернуть текст на 90 градусов в css</p> </body> </html> |
Всегда открыт для интересных проектов. Ссылки на мои соц. сети в профиле.
15