Есть ли способ перевернуть текст на css?

мне кажется что для этого использовать js лишнее
var container = document.querySelector("article p"); var arr = container.innerHTML.split(/\s+/); var str = ''; for (var i = 0; i < arr.length; i++) { if (arr[i]) { arr[i] = '' + arr[i] + ''; } } container.innerHTML = arr.join(' '); * { margin: 0; padding: 0; } article { display: inline-block; padding: 10px 20px; border: 1px solid red; transform: rotate(0deg); margin-left: 300px; } article span { display: block; color: red; font-size: 18px; text-transform: uppercase; font-family: 'Lobster', cursive; }

t e x t - r o t a t i o n

Ответ

Можно попробовать что-то такое:
article { display: inline-block; padding: 10px 20px; border: 1px solid red; margin-left: 300px; color: red; font-size: 18px; text-transform: uppercase; font-family: 'Lobster', cursive; width: .75em; }

t e x t - r o t a t i o n

или такое
article { display: inline-block; padding: 10px 20px; border: 1px solid red; margin-left: 300px; color: red; font-size: 18px; text-transform: uppercase; font-family: 'Lobster', cursive; width: .75em; word-break: break-word; word-wrap: break-word; }

text-rotation