layout/reftests/text/726392-1.html

   1 <!DOCTYPE html>
   2 <html class="reftest-wait">
   3  <head>
   4   <meta charset="utf-8">
   5   <title>Bug 726392</title>
   6   <style type="text/css">
   7    p { margin: 0; letter-spacing: 10px}
   8    .alignLeft { text-align: left; }
   9    .alignRight { text-align: right; }
  10    .alignCenter { text-align: center; }
  11    .alignJustify { text-align: justify; }
  12    .alignStart { text-align: start; }
  13    .alignEnd { text-align: end; }
  14    .alignLastAuto { text-align-last: auto; }
  15    .alignLastLeft { text-align-last: left; }
  16    .alignLastRight { text-align-last: right; }
  17    .alignLastCenter { text-align-last: center; }
  18    .alignLastJustify { text-align-last: justify; }
  19    .alignLastStart { text-align-last: start; }
  20    .alignLastEnd { text-align-last: end; }
  21   </style>
  22 </head>
  23  <body>
  24  <div id="e" style="width:50%">
  25   <p class="alignLeft alignLastAuto">test</p>
  26   <p class="alignLeft alignLastLeft">test</p>
  27   <p class="alignLeft alignLastRight">test</p>
  28   <p class="alignLeft alignLastCenter">test</p>
  29   <p class="alignLeft alignLastJustify">test</p>
  30   <p class="alignLeft alignLastStart">test</p>
  31   <p class="alignLeft alignLastEnd">test</p>
  32   <p class="alignJustify alignLastAuto">test</p>
  33   <p class="alignJustify alignLastLeft">test</p>
  34   <p class="alignJustify alignLastRight">test</p>
  35   <p class="alignJustify alignLastCenter">test</p>
  36   <p class="alignJustify alignLastJustify">test</p>
  37   <p class="alignJustify alignLastStart">test</p>
  38   <p class="alignJustify alignLastEnd">test</p>
  39   <p class="alignStart alignLastAuto">test</p>
  40   <p class="alignStart alignLastLeft">test</p>
  41   <p class="alignStart alignLastRight">test</p>
  42   <p class="alignStart alignLastCenter">test</p>
  43   <p class="alignStart alignLastJustify">test</p>
  44   <p class="alignStart alignLastStart">test</p>
  45   <p class="alignStart alignLastEnd">test</p>
  46   <p class="alignEnd alignLastAuto">test</p>
  47   <p class="alignEnd alignLastLeft">test</p>
  48   <p class="alignEnd alignLastRight">test</p>
  49   <p class="alignEnd alignLastCenter">test</p>
  50   <p class="alignEnd alignLastJustify">test</p>
  51   <p class="alignEnd alignLastStart">test</p>
  52   <p class="alignEnd alignLastEnd">test</p>
  53
  54 <script type="text/javascript">
  55 function resizeElements()
  56 {
  57   var enclosingDiv = document.getElementById("e");
  58   enclosingDiv.style.width = "100%";
  59   document.documentElement.removeAttribute("class");
  60 }
  61
  62 document.addEventListener("MozReftestInvalidate", resizeElements);
  63 </script>
  64
  65 </body>
  66 </html>