text-underline-offset-vertical-002-ref.html (734B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Reference case for text-underline-offset</title> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 7 <style> 8 div{ 9 font: 20px/1 Ahem; 10 margin-left: 5em; 11 } 12 #text{ 13 color: transparent; 14 writing-mode: sideways-lr; 15 text-decoration: green underline; 16 text-decoration-skip-ink: none; 17 text-underline-offset: 0; 18 margin-left: 5em; 19 } 20 </style> 21 </head> 22 <body> 23 <p>Test passes if the underline is further to the right of the text</p> 24 <div> 25 <p>XXXX</p> 26 <span id="text">XXXXX</span> 27 </div> 28 </body> 29 </html>