layout/reftests/bugs/427129-ref.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en-US">
   4 <head>
   5         <title>Reftest, bug 427129</title>
   6         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   7         <meta http-equiv="Content-Style-Type" content="text/css">
   8         <style type="text/css">
   9
  10         html, body { margin: 0; }
  11
  12         .contain {
  13                 background: aqua; color: black;
  14                 height: 10px; margin: 2px 50px;
  15                 padding-top: 0.1px; /* needed for some reason (XXX WHY?) */
  16         }
  17
  18         .t { background: blue; height: 5px; width: 100px; }
  19
  20         </style>
  21 </head>
  22 <body>
  23
  24 <div class="contain">
  25         <div class="t" style="margin-left: 56px"></div>
  26 </div>
  27
  28 <div class="contain">
  29         <div class="t" style="margin-left: 56px"></div>
  30 </div>
  31
  32 <div class="contain">
  33         <div class="t" style="margin-left: 56px"></div>
  34 </div>
  35
  36 <div class="contain">
  37         <div class="t" style="margin-left: 73px"></div>
  38 </div>
  39
  40 <div class="contain">
  41         <div class="t" style="margin-left: 100px"></div>
  42 </div>
  43
  44 <div class="contain">
  45         <div class="t" style="margin-left: auto; margin-right: 73px"></div>
  46 </div>
  47
  48 <div class="contain">
  49         <div class="t" style="margin-left: auto; margin-right: 73px"></div>
  50 </div>
  51
  52 <div class="contain">
  53         <div class="t" style="margin-left: auto; margin-right: 73px"></div>
  54 </div>
  55
  56 <div class="contain">
  57         <div class="t" style="margin-left: auto; margin-right: 73px"></div>
  58 </div>
  59
  60 <div class="contain">
  61         <div class="t" style="margin-left: auto; margin-right: 100px"></div>
  62 </div>
  63
  64 <!-- Remember that the extra end-edge margin gets ignored -->
  65 <div style="width: 300px">
  66         <div class="contain">
  67                 <div class="t" style="margin-left: 56px; width: 71px"></div>
  68         </div>
  69
  70         <div class="contain">
  71                 <div class="t" style="margin-left: 56px; width: 71px"></div>
  72         </div>
  73
  74         <div class="contain">
  75                 <div class="t" style="margin-top: 5px; width: 72px"></div>
  76         </div>
  77
  78         <div class="contain">
  79                 <div class="t" style="margin-top: 5px; margin-left: 15px; width: 72px"></div>
  80         </div>
  81
  82         <div class="contain">
  83                 <div class="t" style="margin-left: 56px; width: 71px"></div>
  84         </div>
  85
  86         <div class="contain">
  87                 <div class="t" style="margin-top: 5px; margin-left: 57px; width: 71px"></div>
  88         </div>
  89
  90         <div class="contain">
  91                 <div class="t" style="margin-left: 56px; width: 71px"></div>
  92         </div>
  93
  94         <div class="contain">
  95                 <div class="t" style="margin-left: 56px; width: 71px"></div>
  96         </div>
  97
  98         <div class="contain">
  99                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 100         </div>
 101
 102         <div class="contain">
 103                 <div class="t" style="margin-top: 5px; margin-left: 15px; width: 72px"></div>
 104         </div>
 105
 106         <div class="contain">
 107                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 108         </div>
 109
 110         <div class="contain">
 111                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 112         </div>
 113
 114         <div class="contain">
 115                 <div class="t" style="margin-top: 5px; width: 73px"></div>
 116         </div>
 117
 118         <div class="contain">
 119                 <div class="t" style="margin-top: 5px; margin-left: 15px; width: 73px"></div>
 120         </div>
 121
 122         <div class="contain">
 123                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 124         </div>
 125
 126         <div class="contain">
 127                 <div class="t" style="margin-top: 5px; margin-left: 57px; width: 71px"></div>
 128         </div>
 129
 130         <div class="contain">
 131                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 132         </div>
 133
 134         <div class="contain">
 135                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 136         </div>
 137
 138         <div class="contain">
 139                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 140         </div>
 141
 142         <div class="contain">
 143                 <div class="t" style="margin-top: 5px; margin-left: 15px; width: 73px"></div>
 144         </div>
 145 </div>
 146
 147 </body>
 148 </html>