| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <link rel="author" title="Aharon Lanin" href="mailto:aharon@google.com"> | |
| <link rel="author" title="HTML5 bidi test WG" href="mailto:html5bidi@googlegroups.com"> | |
| <style> | |
| body{ | |
| font-size:2em; | |
| } | |
| .box { | |
| border: medium solid gray; | |
| width: 400px; | |
| margin: 20px; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| The two boxes below should look exactly the same. | |
| <!-- Key to entities used below: | |
| א ... ו - The first six Hebrew letters (strongly RTL). | |
| ‭ - The LRO (left-to-right-override) formatting character. | |
| ‬ - The PDF (pop directional formatting) formatting character; closes LRO. --> | |
| <div class="box"> | |
| <div dir="ltr">‭b < א‬<br/>‭>>>‬<br/>‭ד < c...‬</div> | |
| <div dir="rtl">‭a > ב‬<br/>‭<<<‬<br/>‭...ג > d‬</div> | |
| </div> | |
| <div class="box"> | |
| <div dir="ltr">‭b < א‬<br/>‭>>>‬<br/>‭ד < c...‬</div> | |
| <div dir="rtl">‭a > ב‬<br/>‭<<<‬<br/>‭...ג > d‬</div> | |
| </div> | |
| </body> | |
| </html> |