| <!doctype html> |
| <html> |
| <head> |
| <meta charset="utf-8"/> |
| <title>The dir attribute: isolated from immediately following text, opposite direction</title> |
| <style type="text/css"> |
| .test, .ref { font-size: 150%; border: 1px solid orange; margin: 10px; margin-right: 200px; padding: 5px; clear: both; } |
| input { margin: 5px; } |
| </style> |
| </head> |
| <body> |
| <p class="instructions" dir="ltr">Test passes if the two boxes are identical.</p> |
| <div class="ref"><div dir="ltr">‭אב...‬</div><div dir="ltr">‭ab...‬</div><div dir="rtl">‭...ba‬</div><div dir="rtl">‭...בא‬</div></div> |
| <div class="ref"><div dir="ltr">‭אב...‬</div><div dir="ltr">‭ab...‬</div><div dir="rtl">‭...ba‬</div><div dir="rtl">‭...בא‬</div></div> |
| </body> |
| </html> |
