<!DOCTYPE html>
<html class="reftest-wait">
 <head>
  <meta charset="utf-8">
  <title>Bug 726392</title>
  <style type="text/css">
   p { margin: 0; letter-spacing: 10px}
   .alignLeft { text-align: left; }
   .alignRight { text-align: right; }
   .alignCenter { text-align: center; }
   .alignJustify { text-align: justify; }
   .alignStart { text-align: start; }
   .alignEnd { text-align: end; }
   .alignLastAuto { text-align-last: auto; }
   .alignLastLeft { text-align-last: left; }
   .alignLastRight { text-align-last: right; }
   .alignLastCenter { text-align-last: center; }
   .alignLastJustify { text-align-last: justify; }
   .alignLastStart { text-align-last: start; }
   .alignLastEnd { text-align-last: end; }
  </style>
</head>
 <body>
 <div id="e" style="width:50%">
  <p class="alignLeft alignLastAuto">test</p>
  <p class="alignLeft alignLastLeft">test</p>
  <p class="alignLeft alignLastRight">test</p>
  <p class="alignLeft alignLastCenter">test</p>
  <p class="alignLeft alignLastJustify">test</p>
  <p class="alignLeft alignLastStart">test</p>
  <p class="alignLeft alignLastEnd">test</p>
  <p class="alignJustify alignLastAuto">test</p>
  <p class="alignJustify alignLastLeft">test</p>
  <p class="alignJustify alignLastRight">test</p>
  <p class="alignJustify alignLastCenter">test</p>
  <p class="alignJustify alignLastJustify">test</p>
  <p class="alignJustify alignLastStart">test</p>
  <p class="alignJustify alignLastEnd">test</p>
  <p class="alignStart alignLastAuto">test</p>
  <p class="alignStart alignLastLeft">test</p>
  <p class="alignStart alignLastRight">test</p>
  <p class="alignStart alignLastCenter">test</p>
  <p class="alignStart alignLastJustify">test</p>
  <p class="alignStart alignLastStart">test</p>
  <p class="alignStart alignLastEnd">test</p>
  <p class="alignEnd alignLastAuto">test</p>
  <p class="alignEnd alignLastLeft">test</p>
  <p class="alignEnd alignLastRight">test</p>
  <p class="alignEnd alignLastCenter">test</p>
  <p class="alignEnd alignLastJustify">test</p>
  <p class="alignEnd alignLastStart">test</p>
  <p class="alignEnd alignLastEnd">test</p>

<script type="text/javascript">
function resizeElements()
{
  var enclosingDiv = document.getElementById("e");
  enclosingDiv.style.width = "100%";
  document.documentElement.removeAttribute("class");
}

document.addEventListener("MozReftestInvalidate", resizeElements, false);
</script>

</body>
</html>