| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| .testDiv { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| font-size: 72px; |
| /* The height should be a little larger than logical width of Ahem character "Bl". */ |
| height: 150px; |
| -webkit-writing-mode: vertical-rl; |
| } |
| </style> |
| </head> |
| <body> |
| <!-- We should use Ahem because the character "i" should be overflowed on all platforms. --> |
| <div id="target" class="testDiv"><span style="font-family: Ahem">Bl</span>ink</div> |
| <script> |
| var range = document.createRange(); |
| range.selectNode(document.getElementById("target")); |
| window.getSelection().addRange(range); |
| </script> |
| </body> |
| </html> |