Как сделать (сверстать) такой элемент?

Question

[Persotr27]

Вот, он такой еще, с текстом внутри

Comments

[Михаил]

повёрнутый абсолютный прямоугольник
transform и position
в чем проблема?

[glem1337]

+ родителю overflow: hidden

[Алекс Глебов]

Я бы вставил svg через img. Если делать версткой и в текст попадет длинная строка, либо в бекенде поменяют, либо юзер через переводчик, либо размер шрифта зависит от масштаба - это поедет.

[Persotr27]

Михаил, Евгений Григорьев, спасибо товарищи) помогло

[Persotr27]

Алекс Глебов, хороший способ, но получается надо от себя рисовать, не очень)

Answer 1

[Moon Presence]

Не вижу ничего сложного:



Сразу на выбор несколько разных.

Answer 2

[Egor]

https://codepen.io/menethil/pen/KKwXzPz

Comments

[dom1n1k]