Как в CSS при создание паралелограмма текст не трогать?

Question

[eldar_web]

Вот здесь есть пример: https://jsfiddle.net/v2am9fgo/
Там создается паралелограмм и текст тоже уклоняется.
Как можно делать текст ровным?

Answer 1

[Алексей Сол]

Как-то так:
https://jsfiddle.net/573mj412/1/

То есть вы обрамляете внутренности в элемент и поворачиваете его на то же количество градусов, только в обратную сторону.

Answer 2

[dubrovchenko]

Может быть конечно есть и лучше вариант, но можно и так:

https://jsfiddle.net/kdubrovchenko/wm60wqmd/

Answer 3

[Евгений]

Можно сделать обертку в которой задать противоположное значение:
https://jsfiddle.net/ub8xgojg/

Answer 4

[Олег]

я бы не стал разворачивать текст, вот вариант - http://codepen.io/werty1001/pen/XKkrgz.