Reset angle of text in skewed div using CSS

Question

I have made a fiddle:

http://jsfiddle.net/89x4d/

I\'m trying to maintain the skewed div but keep the p text straight.

Is this possible?

Thank

Answer 1

div {
    width: 200px;
    height:50px;
        background: red;
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
    transform: skew(-20deg);
    margin: 20px;
    
    padding:0 25px;
}
p {
   -webkit-transform: skew(20deg) !important;
-moz-transform: skew(20deg) !important;
-o-transform: skew(20deg) !important;
    transform: skew(20deg) !important; 
}

hey i'm straight, ok?

hey i'm straight, ok?