Rotate div background not text

[simmi]

i have created div and rotation is done.. i want to rotate only back ground image ,div text should not rotate ??

how to do this

Fiddle::
http://jsfiddle.net/simmi_simmi123/sesZv/3/

[Paulie_D]

I’d think you would have to wrap the text in an element and rotate it back the other way.

[sumitweb]

Hi Simmi

Just see on code jsfiddle:http://jsfiddle.net/simmi_simmi123/sesZv/3/

[Historical Forums User]

This might work:

[Link](http://cdpn.io/BpwvH “link”)

I’ve transform the box to scale -1, 1 and in the same time I scale the text (in the span) in the opposite way.

[sumitweb]

@simmi
here is link: http://jsfiddle.net/sesZv/18/

[simmi]

@adahei i want image and text in same div , i want to use only 1 div

[Paulie_D]

Works fine with a bg image: http://codepen.io/Paulie-D/pen/ahpsD

[simmi]

@Paulie_D i need div containig bg image and text . i cant place span inside div

[Paulie_D]

All text should be wrapped in in some sort of text tag such as a p or span. I don’t understand why you can’t add this.

[wolfcry911]

I’d go further and state that text should _not_ be wrapped in **solely** div _and/or_ span. Neither have any semantic value whatsoever – even if classed.

[Paulie_D]

>I’d go further and state that text should not be wrapped in solely div and/or span. Neither have any semantic value whatsoever – even if classed.

This was my point but I was on on my phone and couldn’t expand further.

At a minimum **raw** text should be in a `p` tag unless wrapped in a anchor link of course and even then it’s not a bad idea.

[Author]

Posts