83958-1b.html (1133B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Bidirectional Text Test 2 - CSS</title> 6 <style> 7 body { font-size: 300%; } 8 p { font-family: monospace; text-align: left; margin: 0; } 9 .rtl { direction: rtl; } 10 .ltr { direction: ltr; } 11 .rle { direction: rtl; unicode-bidi: embed; } 12 .lre { direction: ltr; unicode-bidi: embed; } 13 .rlo { direction: rtl; unicode-bidi: bidi-override; } 14 .lro { direction: ltr; unicode-bidi: bidi-override; } 15 .embed { unicode-bidi: embed; } 16 .override { unicode-bidi: bidi-override; } 17 </style> 18 </head> 19 <!-- Testcases based on https://dbaron.org/css/test/bidi2 by L. David Baron. --> 20 <body> 21 <p>The following lines should all read "ABCDEFGHI":</p> 22 <p>ABCDEFGHI</p> 23 <p class="rtl">ABCDEFGHI</p> 24 <p class="rtl">ABC<span>DEF</span>GHI</p> 25 <p class="rlo">IHGFEDCBA</p> 26 <p class="rlo">IHG<span>FED</span>CBA</p> 27 <p class="rlo">IHG<span class="embed">DEF</span>CBA</p> 28 <p class="rlo">IHG<span class="override">FED</span>CBA</p> 29 <p class="rlo">IHG<span style="unicode-bidi: inherit">FED</span>CBA</p> 30 <p class="rlo">IHG<span class="lro">DEF</span>CBA</p> 31 </body> 32 </html>