Как сделать параллелограмм на css?

Question

[Вика Мармеладка]

Как сделать параллелограмм так чтобы текст и все дочерние элементы не скашивались? Я сделал что то вроде этого с помощю transform: skew(170deg);, но текст внутри также наклоняеться.

Answer 1

[Андрей Б.]

сделайте псевдоэлемент и трансформируйте его
либо оборачивате текст в span и трансформируете его в обратную сторону
https://jsfiddle.net/tvc12607/

Answer 2

[Андрей Федоров]

Нужно текст наклонить обратно. codepen.io/aliencash/pen/WpGJZY

Answer 3

[klonor]

здесь 2 способа codepen.io/tatarchap/pen/woRVbv