<!DOCTYPE html>
<html>
<head>
</head>
<body>
This text draws underlined text with a large scale, then clips the underline to
a region that should not be drawn. It then makes sure that the image is the same as
an empty one.
<div style="position: relative; overflow: hidden; width: 36px; height: 100px;">
<div style="left: -160px; top: -325px; position: absolute; -webkit-transform: scale(20); font-family: ahem; -webkit-transform-origin: left top; display: inline-block; text-decoration: underline; -webkit-text-decoration-skip: ink;">gy</div>
</div>
</body>
</html>