<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Bidirectional Text Test 2 - CSS</title> <style> p { font-family: monospace; text-align: left; } .embed { unicode-bidi: embed; } .override { unicode-bidi: bidi-override; } .rtl { direction: rtl; } .ltr { direction: ltr; } </style> </head> <!-- Testcases based on https://dbaron.org/css/test/bidi2 by L. David Baron. --> <body> <p>אבג</p> <p class="embed">אבג</p> <p class="override">אבג</p> <p>אבג ABC דהו</p> <p class="rtl">אבג ABC דהו</p> <p>אבג ABC דהו DEF זחט</p> <p>אבג <span>ABC דהו</span> DEF זחט</p> <p>אבג <span class="ltr embed">ABC דהו DEF</span> זחט</p> <p>אבג <span class="rtl embed">ABC דהו DEF</span> זחט</p> <p>אבג <span class="rtl embed">ABC דהו</span> DEF זחט</p> <p>אבג <span class="rtl override">ABC דהו</span> DEF זחט</p> <p>אבג <span class="ltr override">ABC דהו</span> DEF זחט</p> <p class="rtl">אבג <span class="ltr override">ABC דהו</span> DEF זחט</p> <p>אבג ABC דהו DEF GHI זחט</p> <p>אבג <span class="rtl override">ABC דהו DEF</span> GHI זחט</p> <p>אבג ABC <span class="rtl override">דהו DEF</span> GHI זחט</p> </body> </html>