Hi all! I'm relatively new to CSS programming and stuck with some problem. I searched the web and found nothing that could help me. I have an element that contains both text and an image *.png. I want to transform the element a little bit to make the text and its flow diagonal but I do NOT want to rotate picture. What I have is something like this

myelement{width:132px; height:100px; padding:24px 0 0 48px; vertical-align:bottom; background:url(images/pic.png) no-repeat 0 100%;}

If I add

transform:skew(-20deg,0deg);
-ms-transform:skew(-20deg,0deg); /* IE 9 */
-moz-transform:skew(-20deg,0deg); /* Firefox */

to it, it rotates as a whole! I don't need it. If you want to put all the properties inside one element, don't bother answering. The web is overfilled with this kind of advice and is intended to rotate images. Thanks to all who replies!

Before you go to bed, you put two glasses near you. One filled with water in case you get thirsty in a middle of a night. The other one empty, in case you don't get thirsty.