<!
DOCTYPE html>
<
html class=
"reftest-wait">
<
head>
<
meta charset=
"utf-8">
<
title>Bug 726392</
title>
<
style type=
"text/css">
p { margin: 0; white-space: pre-line; letter-spacing: 10px; font-size:6px;}
.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 style=
"width:590px; height:590px;">
<
div id=
"e" style=
"width:50%">
<p class=
"alignLeft alignLastAuto">test
test</p>
<p class=
"alignLeft alignLastLeft">test
test</p>
<p class=
"alignLeft alignLastRight">test
test</p>
<p class=
"alignLeft alignLastCenter">test
test</p>
<p class=
"alignLeft alignLastJustify">test
test</p>
<p class=
"alignLeft alignLastStart">test
test</p>
<p class=
"alignLeft alignLastEnd">test
test</p>
<p class=
"alignJustify alignLastAuto">test
test</p>
<p class=
"alignJustify alignLastLeft">test
test</p>
<p class=
"alignJustify alignLastRight">test
test</p>
<p class=
"alignJustify alignLastCenter">test
test</p>
<p class=
"alignJustify alignLastJustify">test
test</p>
<p class=
"alignJustify alignLastStart">test
test</p>
<p class=
"alignJustify alignLastEnd">test
test</p>
<p class=
"alignStart alignLastAuto">test
test</p>
<p class=
"alignStart alignLastLeft">test
test</p>
<p class=
"alignStart alignLastRight">test
test</p>
<p class=
"alignStart alignLastCenter">test
test</p>
<p class=
"alignStart alignLastJustify">test
test</p>
<p class=
"alignStart alignLastStart">test
test</p>
<p class=
"alignStart alignLastEnd">test
test</p>
<p class=
"alignEnd alignLastAuto">test
test</p>
<p class=
"alignEnd alignLastLeft">test
test</p>
<p class=
"alignEnd alignLastRight">test
test</p>
<p class=
"alignEnd alignLastCenter">test
test</p>
<p class=
"alignEnd alignLastJustify">test
test</p>
<p class=
"alignEnd alignLastStart">test
test</p>
<p class=
"alignEnd alignLastEnd">test
test</p>
</
div>
<
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>
