dynamic-underline-vertical-align-quirks-2.html 660 B

123456789101112131415161718192021222324252627
  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, false);
  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>