Messing around with `direction` and `unicode-bidi`

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque fringilla nisl ac mi. Aenean egestas gravida magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam sit amet lacus. Fusce nulla.

`direction: rtl;`

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

`direction: rtl; unicode-bidi: bidi-override;` and the red `SPAN` with `unicode-bidi: embed;`

Hmm, can you swap two words this way?

Two Words

Cool! Now let's say we want to 'sort' people differently, just by changing a `class`

The White Stripes
Robbie Williams
Amy Winehouse
Within Temptation

Becomes

The White Stripes
Robbie Williams
Amy Winehouse
Within Temptation

(Commas are added as generated content in real good browsers, like Opera and Firefox)

Does it work?

Well, in Opera, Firefox, Internet Explorer 5, 5.5, 6 (without the added commas). Breaks in Safari.

In Opera

How it looks like in Opera

In Safari

How it looks like in Safari

Home - More stuff

Messing around with direction and unicode-bidi

direction: rtl;

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

direction: rtl; unicode-bidi: bidi-override; and the red SPAN with unicode-bidi: embed;