<!
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);
</
script>
</
body>
</
html>
