text-underline-offset-overline-vertical-ref.html (693B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>Reference case for overline placement in vertical</title> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 7 <style> 8 #main { 9 margin: 30px; 10 } 11 #main div { 12 writing-mode: vertical-lr; 13 text-decoration: green overline; 14 text-decoration-thickness: 5px; 15 text-decoration-skip-ink: none; 16 font: 20px/1 Ahem; 17 } 18 </style> 19 </head> 20 <body> 21 <p class="instructions">Test passes if the green overline is not shifted away from black box.</p> 22 <div id="main"> 23 <div>XXXX</div> 24 </div> 25 </body> 26 </html>