<html class="reftest-wait">
<head>
<script type="text/javascript">
function addUnderline() {
  var element = document.getElementById("dynamicUnderline");
  element.style.textDecoration = "underline";
  document.documentElement.removeAttribute("class");
}
document.addEventListener('MozReftestInvalidate', addUnderline, false);
</script>
<style>
.align-bottom {
  vertical-align: bottom;
}
.align-top {
  vertical-align: top;
}
</style>
</head>
<body>
<p id="dynamicUnderline">
<span class="align-bottom">This line has only a bottom vertical align span.</span> <br />
<span class="align-top">This line has a top vertical align span.</span>
</p>
</body>
</html>