html - CSS rotate text but keep the vertical alignment -

i'm creating website use rotate , transform functions in css3. have under control, when rotate text, whole text rotates <p> block. want when rotating text, keeping left side of text in vertical alignment.

it's hard explain words, refer website: active theorie

(you can see rotate text -2 degrees, keep vertical alignment of texts.)

i hope here can me out this.

you can use either css "transform: skew" property e.g.

.text {     transform: skew(0,-10deg); } 

or if need perspective view can use "perspective" , "transform: rotatey" properties e.g.

.parentdiv : {     perspective: 500px; } .text: {     transform: rotatey(30deg); } 

http://jsfiddle.net/yjo3aanr/