Text: right to left (CSS)

Question

Is there a CSS code that changes this text

This is it

to this one

ti si sihT

Answer 1

Yes, there is:

.reversed {
   direction: rtl; unicode-bidi: bidi-override;
}

Answer 2

@victor-jalencas gave the answer.

The other thing some people here started talking about is flipping and it is done with replacing the normal text with Unicode flipped equivalents.

Example can be found here: http://www.revfad.com/flip.html

Answer 3

Try this

.cssClassName { direction:rtl; unicode-bidi:bidi-override; }

EDIT: apply this class to a paragraph tag and you should get the results your looking for.

Answer 4

You can use CSS filter filp (Only supported in IE)

<div style="width: 300; height: 50; font-size: 30pt; font-family: Arial Black; color: red; Filter: FlipH">CSS Tutorials</div>

Answer 5

Thats not right to left, thats mirroring.

CSS:

direction: rtl;
unicode-bidi:bidi-override;

Answer 6

Try this, IE does seem to have a bit of a hard time rendering fonts smoothly, but it works like a charm in all browsers. I have tested IE 7-9, Ff, Chrome and Safari on Win 7

.flipText {
display: block;
-moz-transform: scaleX(-1); /* Gecko */
    -o-transform: scaleX(-1); /* Opera */
    -webkit-transform: scaleX(-1); /* webkit */
    transform: scaleX(-1); /* standard */
    filter: FlipH; /* IE 6/7/8 */
-ms-filter: "FlipH";
}