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

67 строки
2.4 KiB
HTML

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