layout/reftests/text-decoration/676538-1-ref.html

   1 <!DOCTYPE html>
   2 <html lang="en-US">
   3 <head>
   4 <title>text-decoration alignment</title>
   5 <meta charset=UTF-8>
   6 <style>
   7
   8 span.block { position: absolute; top: 0; left: 0; }
   9 span.dec { text-decoration: underline }
  10 span.hide { color: transparent }
  11
  12 </style>
  13 </head>
  14 <body>
  15
  16 <p style="position: relative">
  17   <span class="block" style="margin-top: 16px"><span class="hide"></span><span class="dec" style="color:black  ">x<span class="hide">xx</span></span></span>
  18   <span class="block" style="margin-top: 08px"><span class="hide">x</span><span class="dec" style="color:fuchsia">x<span class="hide">x</span></span></span>
  19   <span class="block" style="margin-top: 00px"><span class="hide">xx</span><span class="dec" style="color:aqua   ">x<span class="hide"></span></span></span>
  20 </p>
  21
  22 </body>
  23 </html>