layout/reftests/text-decoration/dynamic-underline-vertical-align-quirks-2.html

   1 <html class="reftest-wait">
   2 <head>
   3 <script type="text/javascript">
   4 function addUnderline() {
   5   var element = document.getElementById("dynamicUnderline");
   6   element.style.textDecoration = "underline";
   7   document.documentElement.removeAttribute("class");
   8 }
   9 document.addEventListener('MozReftestInvalidate', addUnderline);
  10 </script>
  11 <style>
  12 .align-bottom {
  13   vertical-align: bottom;
  14 }
  15 .align-top {
  16   vertical-align: top;
  17 }
  18 </style>
  19 </head>
  20 <body>
  21 <p id="dynamicUnderline">
  22 <span class="align-bottom">This line has only a bottom vertical align span.</span> <br />
  23 <span class="align-top">This line has a top vertical align span.</span>
  24 </p>
  25 </body>
  26 </html>