skip-ink-multiline-position.html (868B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Test 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ی علي</div> 25 </body> 26 </html>