<!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> |