<!DOCTYPE html>
<html>
<head>
  <style>
    #bigskew {
      position: absolute;
      left: -156px;
      top: -400px;
      font-style: italic;
      font-size: 12pt;
      font-family: helvetica;
      -webkit-transform: scale(37);
      -webkit-transform-origin: top left;
    }
  </style>
</head>
<body>
  The following should be an underlined italicized "p" as viewed through a narrow slit around
  the descender. The "p" is in 12pt size, but is blown up to much larger. This tests that
  the text-decoration-skip: ink mask is calculated with more precision than user-space precision.
  If we don't have enough precision, there won't be a nice crisp edge on the slope of the underline
  where it gets masked off. This test would fail because there would be garbage giant pixel
  aliasing near the character. If text-decoration-skip: ink isn't working at all, then the
  underline will simply be drawn like normal, and won't match the expected case (where there
  is no underline)
    <div style="position: relative; overflow: hidden; width: 81px; height: 400px">
      <div id="bigskew">lpl</div>
    </div>

</body>
</html>