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

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