Filed under CSS
Reverse text with CSS (32 very special hex digits)
Sometimes you wake up and feel that big things are moving around you. You follow the news and find that people are uniting over something simple as a number. You read about people calling them rebels.
I think this is a good time to show a little CSS trick.
Let me present two properties that together reverse a string of text: direction and unicode-bidi:
<p style="direction: rtl; unicode-bidi: bidi-override;">
0C 88 65 36 5C 65 14 8D B5 3E 47 D9 20 11 9F 90
</p>The result, when this is posted on your blog (*hint*) is the following:
0C 88 65 36 5C 65 14 8D B5 3E 47 D9 20 11 9F 90
Am I a CSS rebel now? And are they going to sue me on the basis of my HTML or my CSS?
- Emil Stenström
- 6 May, 2007, CSS
Feel free to leave a comment, or subscribe to my feed.
linkback
These people have linked to this article:
- Elliot Swan | Snippit: CSS Rebel 7 May, 2007
To get a link in this list: make sure your blogging software supports trackbacks or pingbacks and simply link to this article like this:
<a href="http://friendlybit.com/css/reverse-text-with-css-32-very-special-hex-digits/">Reverse text with CSS (32 very special hex digits)</a>You can also trackback by copying this link, and pasting it into a trackback field in your blogging tool.
