Как сверстать перевернутый текст?

Question

[streetn1]

Добрый вечер. Столкнулся с проблемкой верстки. Можно ли такой блок сделать без js?

Comments

[Lynn «Кофеман»]

Интересно как вы его хотели с js сделать…

[streetn1]

Алексей Тен, если не прописывать фиксированную ширину и высоту, то все будет ехать из-за rotate. Поэтому думаю на js'e поработать с высотой и шириной.

Answer 1

[Владимир Проскурин]

transform: rotate на блок с текстом.

https://jsfiddle.net/Vlad_IT/b5pc3yom/

Comments

[streetn1]

Если не прописывать фиксированную ширину и высоту, то все будет ехать из-за rotate. Поэтому думаю на js'e поработать с высотой и шириной.

[Александр AS]

Легко, можно сделать без js
Делаете два дива.
Один: музыка, второй: Инна Журавлёва и т.д.

Див музыка делаете через transform: rotate
И сколько всего позиционирование не помешает.....

[Владимир Проскурин]

streetn1, ну, высоту нужно будет указать. Обновил ответ.

Answer 2

[Андрей Малиновский]

text-orientation