dynamic-underline-vertical-align-standards-1.html (664B)
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</span> line has a bottom vertical align span. <br /> 24 <span class="align-top">This</span> line has a top vertical align span. 25 </p> 26 </body> 27 </html>