<!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>