Narrow underlines are too tall
[WebKit-https.git] / LayoutTests / fast / css3-text / css3-text-decoration / text-decoration-skip / text-decoration-skip-tall-underlines.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 </head>
5 <body>
6 This text draws underlined text with a large scale, then clips the underline to
7 a region that should not be drawn. It then makes sure that the image is the same as
8 an empty one.
9 <div style="position: relative; overflow: hidden; width: 36px; height: 100px;">
10 <div style="left: -160px; top: -320px; position: absolute; -webkit-transform: scale(20); font-family: helvetica; -webkit-transform-origin: left top; display: inline-block; text-decoration: underline; -webkit-text-decoration-skip: ink;">gy</div>
11 </div>
12 </body>
13 </html>