Как в CSS при создание паралелограмма текст не трогать?
Как-то так:
https://jsfiddle.net/573mj412/1/
То есть вы обрамляете внутренности в элемент и поворачиваете его на то же количество градусов, только в обратную сторону.
я бы не стал разворачивать текст, вот вариант - http://codepen.io/werty1001/pen/XKkrgz.