| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <style type="text/css"> | |
| .testBlock { | |
| display:block; | |
| overflow: hidden; | |
| white-space: nowrap; | |
| width: 207px; | |
| } | |
| .ellipsis { | |
| text-overflow: ellipsis; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| Each consecutive pair of lines should look exactly the same apart from the trailing ellipsis.<br> | |
| The ellipsis should appear on the left for the RTL case and on the right for LTR case. | |
| <br><br> | |
| RTL text: | |
| <div class="testBlock"dir=rtl> | |
| ‫ | |
| English Text טקסט עברי לדוגמא טקסט עברי לדוגמא | |
| ‬ | |
| </div> | |
| <div class="testBlock ellipsis"dir=rtl> | |
| ‫ | |
| English Text טקסט עברי לדוגמא טקסט עברי לדוגמא | |
| ‬ | |
| </div> | |
| <br> | |
| LTR Text | |
| <div class="testBlock"dir=ltr> | |
| מילה word אחרת another ועוד yet אחת | |
| </div> | |
| <div class="testBlock ellipsis"dir=ltr> | |
| מילה word אחרת another ועוד yet אחת | |
| </div> | |
| </body> | |
| </html> |