427129-ref.html (3565B)
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>