layout/reftests/text-decoration/text-decoration-zorder-1-quirks.html

   1 <html lang="en-US">
   2 <head>
   3         <title></title>
   4         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   5         <meta http-equiv="Content-Style-Type" content="text/css">
   6         <style type="text/css">
   7
   8         body { background: white; }
   9
  10         p.serif { font-family: serif; left: 20px; }
  11         p.sans { font-family: sans-serif; left: 220px; }
  12
  13         p {
  14                 margin: 0;
  15                 position: absolute;
  16                 font-weight: bold;
  17                 font-size: 50px;
  18                 color: fuchsia;
  19         }
  20
  21         span { color: blue; }
  22
  23         p.under { text-decoration: underline; top: 25px; }
  24         p.over { text-decoration: overline; top: 125px; }
  25         p.through { text-decoration: line-through; top: 225px; }
  26
  27         </style>
  28 </head>
  29 <body>
  30
  31 <p class="serif under"><span>&Aacute;p|/</span></p>
  32
  33 <p class="serif over"><span>&Aacute;p|/</span></p>
  34
  35 <p class="serif through"><span>&Aacute;p|/</span></p>
  36
  37 <p class="sans under"><span>&Aacute;p|/</span></p>
  38
  39 <p class="sans over"><span>&Aacute;p|/</span></p>
  40
  41 <p class="sans through"><span>&Aacute;p|/</span></p>
  42
  43 </body>
  44 </html>