| <!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 class="testDiv"><span style="font-family: Ahem">Bl</span>ink</div> | |
| </body> | |
| </html> |