layout/reftests/text-decoration/skip-ink-multiline-position-ref.html

   1 <!DOCTYPE HTML>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Reference case for text-decoration-skip-ink: text on the second line should not change the position of the first line's underline</title>
   6     <style>
   7      @font-face {
   8          font-family: awami;
   9          src: url("../fonts/AwamiNastaliq-Regular.woff");
  10      }
  11      div{
  12          font: 36px/2 awami, sans-serif;
  13          unicode-bidi:bidi-override;
  14          width: 70px;
  15          height: 70px;
  16          overflow: hidden;
  17          text-decoration: red underline;
  18          text-underline-offset: -0.5em;
  19      }
  20     </style>
  21   </head>
  22   <body>
  23       <p>Adding more characters on the second line should not affect the position of the underline on line one. <br>See <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1572302"> Bug 1572302</a> </p>
  24       <div dir="rtl">fی sعلي</div>
  25   </body>
  26 </html>