gecko-dev/layout/reftests/text/726392-3.html

95 строки
2.6 KiB
HTML

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