dynamic-underline-vertical-align-quirks-2.html (653B)
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>