| <!DOCTYPE html> | |
| <style> | |
| body { | |
| direction: rtl; | |
| white-space: pre-wrap; | |
| } | |
| .bg { | |
| background: orange; | |
| } | |
| .override { | |
| unicode-bidi: bidi-override; | |
| } | |
| </style> | |
| <body> | |
| <div>אבג <span class="bg">אבגד</span> אבגדה</div> | |
| <div>אבג <span class="bg">אבגד</span> אבגדה</div> | |
| <div class="override">123 <span class="bg override">12345</span> 1234567</div> | |
| <div class="override">123 <span class="bg override">12345</span> 1234567</div> | |
| </body> |