layout/reftests/bugs/403328-1.html

   1 <!DOCTYPE HTML>
   2 <html><head>
   3 <title>Testcase for bug 403328</title>
   4 <style>
   5 body {
   6         margin-left:40px;
   7 }
   8 div.cb {
   9         background-color: lime;
  10     position: relative;
  11         width: 80px;
  12 }
  13 div.spcb {
  14         background-color: blue;
  15     margin-left:auto;
  16     margin-right:auto;
  17         width: 40px;
  18         height: 20px;
  19 }
  20 div.abs {
  21         background-color: red;
  22         position: absolute;
  23         height: 20px;
  24 }
  25 div.auto-margins {
  26     margin-left: auto;
  27     margin-right: auto;
  28 }
  29 div.zero-margins {
  30     margin-left: 0;
  31     margin-right: 0;
  32 }
  33 div.extrawide {
  34         width: 100px;
  35 }
  36 div.narrow {
  37         width: 20px;
  38 }
  39 div.leftright {
  40     left: 0;
  41     right: 0;
  42 }
  43
  44 </style>
  45 </head><body>
  46
  47 <div dir="ltr" class="cb">
  48 <div dir="rtl" class="spcb">
  49 <div dir="ltr" class="abs"><div class="narrow"></div></div>
  50 </div>
  51 <div dir="rtl" class="spcb">
  52 <div dir="rtl" class="abs"><div class="narrow"></div></div>
  53 </div>
  54 </div>
  55 <div dir="rtl" class="cb">
  56 <div dir="ltr" class="spcb">
  57 <div dir="ltr" class="abs"><div class="narrow"></div></div>
  58 </div>
  59 <div dir="ltr" class="spcb">
  60 <div dir="rtl" class="abs"><div class="narrow"></div></div>
  61 </div>
  62 </div>
  63
  64 <div dir="ltr" class="cb">
  65 <div dir="rtl" class="spcb">
  66 <div dir="ltr" class="abs leftright extrawide auto-margins"></div>
  67 </div>
  68 <div dir="rtl" class="spcb">
  69 <div dir="rtl" class="abs leftright extrawide auto-margins"></div>
  70 </div>
  71 </div>
  72 <div dir="rtl" class="cb">
  73 <div dir="ltr" class="spcb">
  74 <div dir="ltr" class="abs leftright extrawide auto-margins"></div>
  75 </div>
  76 <div dir="ltr" class="spcb">
  77 <div dir="rtl" class="abs leftright extrawide auto-margins"></div>
  78 </div>
  79 </div>
  80
  81 <div dir="ltr" class="cb">
  82 <div dir="rtl" class="spcb">
  83 <div dir="ltr" class="abs leftright narrow zero-margins"></div>
  84 </div>
  85 <div dir="rtl" class="spcb">
  86 <div dir="rtl" class="abs leftright narrow zero-margins"></div>
  87 </div>
  88 </div>
  89 <div dir="rtl" class="cb">
  90 <div dir="ltr" class="spcb">
  91 <div dir="ltr" class="abs leftright narrow zero-margins"></div>
  92 </div>
  93 <div dir="ltr" class="spcb">
  94 <div dir="rtl" class="abs leftright narrow zero-margins"></div>
  95 </div>
  96 </div>
  97
  98 <div dir="ltr" class="cb">
  99 <div dir="rtl" class="spcb">
 100 <div dir="ltr" class="abs narrow"></div>
 101 </div>
 102 <div dir="rtl" class="spcb">
 103 <div dir="rtl" class="abs narrow"></div>
 104 </div>
 105 </div>
 106 <div dir="rtl" class="cb">
 107 <div dir="ltr" class="spcb">
 108 <div dir="ltr" class="abs narrow"></div>
 109 </div>
 110 <div dir="ltr" class="spcb">
 111 <div dir="rtl" class="abs narrow"></div>
 112 </div>
 113 </div>
 114
 115 </body></html>