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         <!-- maybe we should ignore margin-right here?  It's hard to do
  96              for tables, though. -->
  97                 <div class="t" style="margin-top: 5px; margin-left: 15px; width: 71px"></div>
  98         </div>
  99
 100         <div class="contain">
 101                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 102         </div>
 103
 104         <div class="contain">
 105                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 106         </div>
 107
 108         <div class="contain">
 109                 <div class="t" style="margin-top: 5px; width: 73px"></div>
 110         </div>
 111
 112         <div class="contain">
 113                 <div class="t" style="margin-top: 5px; margin-left: 15px; width: 73px"></div>
 114         </div>
 115
 116         <div class="contain">
 117                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 118         </div>
 119
 120         <div class="contain">
 121                 <div class="t" style="margin-top: 5px; margin-left: 57px; width: 71px"></div>
 122         </div>
 123
 124         <div class="contain">
 125                 <div class="t" style="margin-left: 56px; width: 71px"></div>
 126         </div>
 127
 128         <div class="contain">
 129         <!-- maybe we should ignore margin-right here?  It's hard to do
 130              for tables, though. -->
 131                 <div class="t" style="margin-top: 5px; margin-left: 15px; width: 71px"></div>
 132         </div>
 133 </div>
 134
 135 </body>
 136 </html>