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