summaryrefslogtreecommitdiffstats
path: root/layout/reftests/text/726392-3.html
blob: 76a7b284b9e64e3c7125a32cb081a93ff62fb8dd (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!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>