| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| h1 { font-size: 24px; } |
| td, div { font-size: 48px; } |
| </style> |
| </head> |
| <body> |
| <h1> |
| The last two rows below should be identical. |
| </h1> |
| <table dir="rtl"> |
| <tr><th>isolated</th><th>initial</th><th>medial</th></tr> |
| <tr><td>ع</td><td>ﻋ</td><td>ﻌ</td></tr> |
| <tr><td>ع</td><td>ع‍</td><td>‍ع‍</td></tr> |
| </table> |
| |
| <h1> |
| The two lines below should be identical. |
| </h1> |
| <div dir="rtl">ععع</div> |
| <div dir="rtl">ع‍<span>‍ع‍</span>‍ع</div> |
| </body> |
| </html> |