third_party/WebKit/LayoutTests/css2.1/20110323/abspos-replaced-width-margin-000-ref.htm

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
   2 <html>
   3 <head>
   4 <title>CSS Test Reference</title>
   5 <link rel="author" title="L. David Baron" href="http://dbaron.org/">
   6 <link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-replaced-width-offset-margin-ref.html">
   7 <style type="text/css">
   8
   9 html, body { margin: 0; padding: 0; border: none; }
  10 div { height: 1px; background: blue;
  11       border-left: 7px solid navy; border-right: 17px solid navy; }
  12
  13 </style>
  14 </head>
  15 <body>
  16
  17 <!-- ***** WIDE WIDTH ***** -->
  18
  19 <!-- nothing auto -->
  20 <div style="margin-left: 70px; width: 660px;"></div>
  21 <div style="margin-left: -11px; width: 660px;"></div>
  22 <div style="margin-left: 70px; width: 660px;"></div>
  23 <div style="margin-left: -11px; width: 660px;"></div>
  24 <div style="margin-left: 70px; width: 660px;"></div>
  25 <div style="margin-left: -11px; width: 660px;"></div>
  26 <div style="margin-left: 70px; width: 660px;"></div>
  27 <div style="margin-left: -11px; width: 660px;"></div>
  28 <!-- only left auto -->
  29 <div style="margin-left: -11px; width: 660px;"></div>
  30 <div style="margin-left: -11px; width: 660px;"></div>
  31 <div style="margin-left: -11px; width: 660px;"></div>
  32 <div style="margin-left: -11px; width: 660px;"></div>
  33 <div style="margin-left: -11px; width: 660px;"></div>
  34 <div style="margin-left: -11px; width: 660px;"></div>
  35 <div style="margin-left: -11px; width: 660px;"></div>
  36 <div style="margin-left: -11px; width: 660px;"></div>
  37 <!-- only right auto -->
  38 <div style="margin-left: 70px; width: 660px;"></div>
  39 <div style="margin-left: 70px; width: 660px;"></div>
  40 <div style="margin-left: 70px; width: 660px;"></div>
  41 <div style="margin-left: 70px; width: 660px;"></div>
  42 <div style="margin-left: 70px; width: 660px;"></div>
  43 <div style="margin-left: 70px; width: 660px;"></div>
  44 <div style="margin-left: 70px; width: 660px;"></div>
  45 <div style="margin-left: 70px; width: 660px;"></div>
  46 <!-- left and right auto -->
  47 <div style="margin-left: 167px; width: 660px;"></div>
  48 <div style="margin-left: 167px; width: 660px;"></div>
  49 <div style="margin-left: -53px; width: 660px;"></div>
  50 <div style="margin-left: -53px; width: 660px;"></div>
  51 <div style="margin-left: 167px; width: 660px;"></div>
  52 <div style="margin-left: 167px; width: 660px;"></div>
  53 <div style="margin-left: -53px; width: 660px;"></div>
  54 <div style="margin-left: -53px; width: 660px;"></div>
  55 <!-- only margin-left auto -->
  56 <div style="margin-left: -11px; width: 660px;"></div>
  57 <div style="margin-left: -11px; width: 660px;"></div>
  58 <div style="margin-left: -11px; width: 660px;"></div>
  59 <div style="margin-left: -11px; width: 660px;"></div>
  60 <div style="margin-left: -11px; width: 660px;"></div>
  61 <div style="margin-left: -11px; width: 660px;"></div>
  62 <div style="margin-left: -11px; width: 660px;"></div>
  63 <div style="margin-left: -11px; width: 660px;"></div>
  64 <!-- left and margin-left auto -->
  65 <div style="margin-left: -11px; width: 660px;"></div>
  66 <div style="margin-left: -11px; width: 660px;"></div>
  67 <div style="margin-left: -11px; width: 660px;"></div>
  68 <div style="margin-left: -11px; width: 660px;"></div>
  69 <div style="margin-left: -11px; width: 660px;"></div>
  70 <div style="margin-left: -11px; width: 660px;"></div>
  71 <div style="margin-left: -11px; width: 660px;"></div>
  72 <div style="margin-left: -11px; width: 660px;"></div>
  73 <!-- right and margin-left auto (margin-left like 0) -->
  74 <div style="margin-left: 53px; width: 660px;"></div>
  75 <div style="margin-left: 53px; width: 660px;"></div>
  76 <div style="margin-left: 53px; width: 660px;"></div>
  77 <div style="margin-left: 53px; width: 660px;"></div>
  78 <div style="margin-left: 53px; width: 660px;"></div>
  79 <div style="margin-left: 53px; width: 660px;"></div>
  80 <div style="margin-left: 53px; width: 660px;"></div>
  81 <div style="margin-left: 53px; width: 660px;"></div>
  82 <!-- left and right and margin-left auto (margin-left like 0) -->
  83 <div style="margin-left: 150px; width: 660px;"></div>
  84 <div style="margin-left: 150px; width: 660px;"></div>
  85 <div style="margin-left: -53px; width: 660px;"></div>
  86 <div style="margin-left: -53px; width: 660px;"></div>
  87 <div style="margin-left: 150px; width: 660px;"></div>
  88 <div style="margin-left: 150px; width: 660px;"></div>
  89 <div style="margin-left: -53px; width: 660px;"></div>
  90 <div style="margin-left: -53px; width: 660px;"></div>
  91 <!-- only margin-right auto -->
  92 <div style="margin-left: 70px; width: 660px;"></div>
  93 <div style="margin-left: 70px; width: 660px;"></div>
  94 <div style="margin-left: 70px; width: 660px;"></div>
  95 <div style="margin-left: 70px; width: 660px;"></div>
  96 <div style="margin-left: 70px; width: 660px;"></div>
  97 <div style="margin-left: 70px; width: 660px;"></div>
  98 <div style="margin-left: 70px; width: 660px;"></div>
  99 <div style="margin-left: 70px; width: 660px;"></div>
 100 <!-- left and margin-right auto (margin-right like 0) -->
 101 <div style="margin-left: 8px; width: 660px;"></div>
 102 <div style="margin-left: 8px; width: 660px;"></div>
 103 <div style="margin-left: 8px; width: 660px;"></div>
 104 <div style="margin-left: 8px; width: 660px;"></div>
 105 <div style="margin-left: 8px; width: 660px;"></div>
 106 <div style="margin-left: 8px; width: 660px;"></div>
 107 <div style="margin-left: 8px; width: 660px;"></div>
 108 <div style="margin-left: 8px; width: 660px;"></div>
 109 <!-- right and margin-right auto -->
 110 <div style="margin-left: 70px; width: 660px;"></div>
 111 <div style="margin-left: 70px; width: 660px;"></div>
 112 <div style="margin-left: 70px; width: 660px;"></div>
 113 <div style="margin-left: 70px; width: 660px;"></div>
 114 <div style="margin-left: 70px; width: 660px;"></div>
 115 <div style="margin-left: 70px; width: 660px;"></div>
 116 <div style="margin-left: 70px; width: 660px;"></div>
 117 <div style="margin-left: 70px; width: 660px;"></div>
 118 <!-- left and right and margin-right auto (margin-right like 0) -->
 119 <div style="margin-left: 167px; width: 660px;"></div>
 120 <div style="margin-left: 167px; width: 660px;"></div>
 121 <div style="margin-left: -34px; width: 660px;"></div>
 122 <div style="margin-left: -34px; width: 660px;"></div>
 123 <div style="margin-left: 167px; width: 660px;"></div>
 124 <div style="margin-left: 167px; width: 660px;"></div>
 125 <div style="margin-left: -34px; width: 660px;"></div>
 126 <div style="margin-left: -34px; width: 660px;"></div>
 127 <!-- margin-left and margin-right auto (alternately like 0) -->
 128 <div style="margin-left: 53px; width: 660px;"></div>
 129 <div style="margin-left: 8px; width: 660px;"></div>
 130 <div style="margin-left: 53px; width: 660px;"></div>
 131 <div style="margin-left: 8px; width: 660px;"></div>
 132 <div style="margin-left: 53px; width: 660px;"></div>
 133 <div style="margin-left: 8px; width: 660px;"></div>
 134 <div style="margin-left: 53px; width: 660px;"></div>
 135 <div style="margin-left: 8px; width: 660px;"></div>
 136 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 137 <div style="margin-left: 8px; width: 660px;"></div>
 138 <div style="margin-left: 8px; width: 660px;"></div>
 139 <div style="margin-left: 8px; width: 660px;"></div>
 140 <div style="margin-left: 8px; width: 660px;"></div>
 141 <div style="margin-left: 8px; width: 660px;"></div>
 142 <div style="margin-left: 8px; width: 660px;"></div>
 143 <div style="margin-left: 8px; width: 660px;"></div>
 144 <div style="margin-left: 8px; width: 660px;"></div>
 145 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 146 <div style="margin-left: 53px; width: 660px;"></div>
 147 <div style="margin-left: 53px; width: 660px;"></div>
 148 <div style="margin-left: 53px; width: 660px;"></div>
 149 <div style="margin-left: 53px; width: 660px;"></div>
 150 <div style="margin-left: 53px; width: 660px;"></div>
 151 <div style="margin-left: 53px; width: 660px;"></div>
 152 <div style="margin-left: 53px; width: 660px;"></div>
 153 <div style="margin-left: 53px; width: 660px;"></div>
 154 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 155 <div style="margin-left: 150px; width: 660px;"></div>
 156 <div style="margin-left: 150px; width: 660px;"></div>
 157 <div style="margin-left: -34px; width: 660px;"></div>
 158 <div style="margin-left: -34px; width: 660px;"></div>
 159 <div style="margin-left: 150px; width: 660px;"></div>
 160 <div style="margin-left: 150px; width: 660px;"></div>
 161 <div style="margin-left: -34px; width: 660px;"></div>
 162 <div style="margin-left: -34px; width: 660px;"></div>
 163
 164 <!-- ***** NARROW WIDTH ***** -->
 165
 166 <!-- nothing auto -->
 167 <div style="margin-left: 70px; width: 153px;"></div>
 168 <div style="margin-left: 496px; width: 153px;"></div>
 169 <div style="margin-left: 70px; width: 153px;"></div>
 170 <div style="margin-left: 496px; width: 153px;"></div>
 171 <div style="margin-left: 70px; width: 153px;"></div>
 172 <div style="margin-left: 496px; width: 153px;"></div>
 173 <div style="margin-left: 70px; width: 153px;"></div>
 174 <div style="margin-left: 496px; width: 153px;"></div>
 175 <!-- only left auto -->
 176 <div style="margin-left: 496px; width: 153px;"></div>
 177 <div style="margin-left: 496px; width: 153px;"></div>
 178 <div style="margin-left: 496px; width: 153px;"></div>
 179 <div style="margin-left: 496px; width: 153px;"></div>
 180 <div style="margin-left: 496px; width: 153px;"></div>
 181 <div style="margin-left: 496px; width: 153px;"></div>
 182 <div style="margin-left: 496px; width: 153px;"></div>
 183 <div style="margin-left: 496px; width: 153px;"></div>
 184 <!-- only right auto -->
 185 <div style="margin-left: 70px; width: 153px;"></div>
 186 <div style="margin-left: 70px; width: 153px;"></div>
 187 <div style="margin-left: 70px; width: 153px;"></div>
 188 <div style="margin-left: 70px; width: 153px;"></div>
 189 <div style="margin-left: 70px; width: 153px;"></div>
 190 <div style="margin-left: 70px; width: 153px;"></div>
 191 <div style="margin-left: 70px; width: 153px;"></div>
 192 <div style="margin-left: 70px; width: 153px;"></div>
 193 <!-- left and right auto -->
 194 <div style="margin-left: 167px; width: 153px;"></div>
 195 <div style="margin-left: 167px; width: 153px;"></div>
 196 <div style="margin-left: 454px; width: 153px;"></div>
 197 <div style="margin-left: 454px; width: 153px;"></div>
 198 <div style="margin-left: 167px; width: 153px;"></div>
 199 <div style="margin-left: 167px; width: 153px;"></div>
 200 <div style="margin-left: 454px; width: 153px;"></div>
 201 <div style="margin-left: 454px; width: 153px;"></div>
 202 <!-- only margin-left auto -->
 203 <div style="margin-left: 496px; width: 153px;"></div>
 204 <div style="margin-left: 496px; width: 153px;"></div>
 205 <div style="margin-left: 496px; width: 153px;"></div>
 206 <div style="margin-left: 496px; width: 153px;"></div>
 207 <div style="margin-left: 496px; width: 153px;"></div>
 208 <div style="margin-left: 496px; width: 153px;"></div>
 209 <div style="margin-left: 496px; width: 153px;"></div>
 210 <div style="margin-left: 496px; width: 153px;"></div>
 211 <!-- left and margin-left auto -->
 212 <div style="margin-left: 496px; width: 153px;"></div>
 213 <div style="margin-left: 496px; width: 153px;"></div>
 214 <div style="margin-left: 496px; width: 153px;"></div>
 215 <div style="margin-left: 496px; width: 153px;"></div>
 216 <div style="margin-left: 496px; width: 153px;"></div>
 217 <div style="margin-left: 496px; width: 153px;"></div>
 218 <div style="margin-left: 496px; width: 153px;"></div>
 219 <div style="margin-left: 496px; width: 153px;"></div>
 220 <!-- right and margin-left auto (margin-left like 0) -->
 221 <div style="margin-left: 53px; width: 153px;"></div>
 222 <div style="margin-left: 53px; width: 153px;"></div>
 223 <div style="margin-left: 53px; width: 153px;"></div>
 224 <div style="margin-left: 53px; width: 153px;"></div>
 225 <div style="margin-left: 53px; width: 153px;"></div>
 226 <div style="margin-left: 53px; width: 153px;"></div>
 227 <div style="margin-left: 53px; width: 153px;"></div>
 228 <div style="margin-left: 53px; width: 153px;"></div>
 229 <!-- left and right and margin-left auto (margin-left like 0) -->
 230 <div style="margin-left: 150px; width: 153px;"></div>
 231 <div style="margin-left: 150px; width: 153px;"></div>
 232 <div style="margin-left: 454px; width: 153px;"></div>
 233 <div style="margin-left: 454px; width: 153px;"></div>
 234 <div style="margin-left: 150px; width: 153px;"></div>
 235 <div style="margin-left: 150px; width: 153px;"></div>
 236 <div style="margin-left: 454px; width: 153px;"></div>
 237 <div style="margin-left: 454px; width: 153px;"></div>
 238 <!-- only margin-right auto -->
 239 <div style="margin-left: 70px; width: 153px;"></div>
 240 <div style="margin-left: 70px; width: 153px;"></div>
 241 <div style="margin-left: 70px; width: 153px;"></div>
 242 <div style="margin-left: 70px; width: 153px;"></div>
 243 <div style="margin-left: 70px; width: 153px;"></div>
 244 <div style="margin-left: 70px; width: 153px;"></div>
 245 <div style="margin-left: 70px; width: 153px;"></div>
 246 <div style="margin-left: 70px; width: 153px;"></div>
 247 <!-- left and margin-right auto (margin-right like 0) -->
 248 <div style="margin-left: 515px; width: 153px;"></div>
 249 <div style="margin-left: 515px; width: 153px;"></div>
 250 <div style="margin-left: 515px; width: 153px;"></div>
 251 <div style="margin-left: 515px; width: 153px;"></div>
 252 <div style="margin-left: 515px; width: 153px;"></div>
 253 <div style="margin-left: 515px; width: 153px;"></div>
 254 <div style="margin-left: 515px; width: 153px;"></div>
 255 <div style="margin-left: 515px; width: 153px;"></div>
 256 <!-- right and margin-right auto -->
 257 <div style="margin-left: 70px; width: 153px;"></div>
 258 <div style="margin-left: 70px; width: 153px;"></div>
 259 <div style="margin-left: 70px; width: 153px;"></div>
 260 <div style="margin-left: 70px; width: 153px;"></div>
 261 <div style="margin-left: 70px; width: 153px;"></div>
 262 <div style="margin-left: 70px; width: 153px;"></div>
 263 <div style="margin-left: 70px; width: 153px;"></div>
 264 <div style="margin-left: 70px; width: 153px;"></div>
 265 <!-- left and right and margin-right auto (margin-right like 0) -->
 266 <div style="margin-left: 167px; width: 153px;"></div>
 267 <div style="margin-left: 167px; width: 153px;"></div>
 268 <div style="margin-left: 473px; width: 153px;"></div>
 269 <div style="margin-left: 473px; width: 153px;"></div>
 270 <div style="margin-left: 167px; width: 153px;"></div>
 271 <div style="margin-left: 167px; width: 153px;"></div>
 272 <div style="margin-left: 473px; width: 153px;"></div>
 273 <div style="margin-left: 473px; width: 153px;"></div>
 274 <!-- margin-left and margin-right auto -->
 275 <div style="margin-left: 284px; width: 153px;"></div>
 276 <div style="margin-left: 284px; width: 153px;"></div>
 277 <div style="margin-left: 284px; width: 153px;"></div>
 278 <div style="margin-left: 284px; width: 153px;"></div>
 279 <div style="margin-left: 284px; width: 153px;"></div>
 280 <div style="margin-left: 284px; width: 153px;"></div>
 281 <div style="margin-left: 284px; width: 153px;"></div>
 282 <div style="margin-left: 284px; width: 153px;"></div>
 283 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 284 <div style="margin-left: 515px; width: 153px;"></div>
 285 <div style="margin-left: 515px; width: 153px;"></div>
 286 <div style="margin-left: 515px; width: 153px;"></div>
 287 <div style="margin-left: 515px; width: 153px;"></div>
 288 <div style="margin-left: 515px; width: 153px;"></div>
 289 <div style="margin-left: 515px; width: 153px;"></div>
 290 <div style="margin-left: 515px; width: 153px;"></div>
 291 <div style="margin-left: 515px; width: 153px;"></div>
 292 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 293 <div style="margin-left: 53px; width: 153px;"></div>
 294 <div style="margin-left: 53px; width: 153px;"></div>
 295 <div style="margin-left: 53px; width: 153px;"></div>
 296 <div style="margin-left: 53px; width: 153px;"></div>
 297 <div style="margin-left: 53px; width: 153px;"></div>
 298 <div style="margin-left: 53px; width: 153px;"></div>
 299 <div style="margin-left: 53px; width: 153px;"></div>
 300 <div style="margin-left: 53px; width: 153px;"></div>
 301 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 302 <div style="margin-left: 150px; width: 153px;"></div>
 303 <div style="margin-left: 150px; width: 153px;"></div>
 304 <div style="margin-left: 473px; width: 153px;"></div>
 305 <div style="margin-left: 473px; width: 153px;"></div>
 306 <div style="margin-left: 150px; width: 153px;"></div>
 307 <div style="margin-left: 150px; width: 153px;"></div>
 308 <div style="margin-left: 473px; width: 153px;"></div>
 309 <div style="margin-left: 473px; width: 153px;"></div>
 310
 311 <!-- ***** NARROW WIDTH ***** -->
 312
 313 <!-- nothing auto -->
 314 <div style="margin-left: 70px; width: 153px;"></div>
 315 <div style="margin-left: 496px; width: 153px;"></div>
 316 <div style="margin-left: 70px; width: 153px;"></div>
 317 <div style="margin-left: 496px; width: 153px;"></div>
 318 <div style="margin-left: 70px; width: 153px;"></div>
 319 <div style="margin-left: 496px; width: 153px;"></div>
 320 <div style="margin-left: 70px; width: 153px;"></div>
 321 <div style="margin-left: 496px; width: 153px;"></div>
 322 <!-- only left auto -->
 323 <div style="margin-left: 496px; width: 153px;"></div>
 324 <div style="margin-left: 496px; width: 153px;"></div>
 325 <div style="margin-left: 496px; width: 153px;"></div>
 326 <div style="margin-left: 496px; width: 153px;"></div>
 327 <div style="margin-left: 496px; width: 153px;"></div>
 328 <div style="margin-left: 496px; width: 153px;"></div>
 329 <div style="margin-left: 496px; width: 153px;"></div>
 330 <div style="margin-left: 496px; width: 153px;"></div>
 331 <!-- only right auto -->
 332 <div style="margin-left: 70px; width: 153px;"></div>
 333 <div style="margin-left: 70px; width: 153px;"></div>
 334 <div style="margin-left: 70px; width: 153px;"></div>
 335 <div style="margin-left: 70px; width: 153px;"></div>
 336 <div style="margin-left: 70px; width: 153px;"></div>
 337 <div style="margin-left: 70px; width: 153px;"></div>
 338 <div style="margin-left: 70px; width: 153px;"></div>
 339 <div style="margin-left: 70px; width: 153px;"></div>
 340 <!-- left and right auto -->
 341 <div style="margin-left: 167px; width: 153px;"></div>
 342 <div style="margin-left: 167px; width: 153px;"></div>
 343 <div style="margin-left: 454px; width: 153px;"></div>
 344 <div style="margin-left: 454px; width: 153px;"></div>
 345 <div style="margin-left: 167px; width: 153px;"></div>
 346 <div style="margin-left: 167px; width: 153px;"></div>
 347 <div style="margin-left: 454px; width: 153px;"></div>
 348 <div style="margin-left: 454px; width: 153px;"></div>
 349 <!-- only margin-left auto -->
 350 <div style="margin-left: 496px; width: 153px;"></div>
 351 <div style="margin-left: 496px; width: 153px;"></div>
 352 <div style="margin-left: 496px; width: 153px;"></div>
 353 <div style="margin-left: 496px; width: 153px;"></div>
 354 <div style="margin-left: 496px; width: 153px;"></div>
 355 <div style="margin-left: 496px; width: 153px;"></div>
 356 <div style="margin-left: 496px; width: 153px;"></div>
 357 <div style="margin-left: 496px; width: 153px;"></div>
 358 <!-- left and margin-left auto -->
 359 <div style="margin-left: 496px; width: 153px;"></div>
 360 <div style="margin-left: 496px; width: 153px;"></div>
 361 <div style="margin-left: 496px; width: 153px;"></div>
 362 <div style="margin-left: 496px; width: 153px;"></div>
 363 <div style="margin-left: 496px; width: 153px;"></div>
 364 <div style="margin-left: 496px; width: 153px;"></div>
 365 <div style="margin-left: 496px; width: 153px;"></div>
 366 <div style="margin-left: 496px; width: 153px;"></div>
 367 <!-- right and margin-left auto (margin-left like 0) -->
 368 <div style="margin-left: 53px; width: 153px;"></div>
 369 <div style="margin-left: 53px; width: 153px;"></div>
 370 <div style="margin-left: 53px; width: 153px;"></div>
 371 <div style="margin-left: 53px; width: 153px;"></div>
 372 <div style="margin-left: 53px; width: 153px;"></div>
 373 <div style="margin-left: 53px; width: 153px;"></div>
 374 <div style="margin-left: 53px; width: 153px;"></div>
 375 <div style="margin-left: 53px; width: 153px;"></div>
 376 <!-- left and right and margin-left auto (margin-left like 0) -->
 377 <div style="margin-left: 150px; width: 153px;"></div>
 378 <div style="margin-left: 150px; width: 153px;"></div>
 379 <div style="margin-left: 454px; width: 153px;"></div>
 380 <div style="margin-left: 454px; width: 153px;"></div>
 381 <div style="margin-left: 150px; width: 153px;"></div>
 382 <div style="margin-left: 150px; width: 153px;"></div>
 383 <div style="margin-left: 454px; width: 153px;"></div>
 384 <div style="margin-left: 454px; width: 153px;"></div>
 385 <!-- only margin-right auto -->
 386 <div style="margin-left: 70px; width: 153px;"></div>
 387 <div style="margin-left: 70px; width: 153px;"></div>
 388 <div style="margin-left: 70px; width: 153px;"></div>
 389 <div style="margin-left: 70px; width: 153px;"></div>
 390 <div style="margin-left: 70px; width: 153px;"></div>
 391 <div style="margin-left: 70px; width: 153px;"></div>
 392 <div style="margin-left: 70px; width: 153px;"></div>
 393 <div style="margin-left: 70px; width: 153px;"></div>
 394 <!-- left and margin-right auto (margin-right like 0) -->
 395 <div style="margin-left: 515px; width: 153px;"></div>
 396 <div style="margin-left: 515px; width: 153px;"></div>
 397 <div style="margin-left: 515px; width: 153px;"></div>
 398 <div style="margin-left: 515px; width: 153px;"></div>
 399 <div style="margin-left: 515px; width: 153px;"></div>
 400 <div style="margin-left: 515px; width: 153px;"></div>
 401 <div style="margin-left: 515px; width: 153px;"></div>
 402 <div style="margin-left: 515px; width: 153px;"></div>
 403 <!-- right and margin-right auto -->
 404 <div style="margin-left: 70px; width: 153px;"></div>
 405 <div style="margin-left: 70px; width: 153px;"></div>
 406 <div style="margin-left: 70px; width: 153px;"></div>
 407 <div style="margin-left: 70px; width: 153px;"></div>
 408 <div style="margin-left: 70px; width: 153px;"></div>
 409 <div style="margin-left: 70px; width: 153px;"></div>
 410 <div style="margin-left: 70px; width: 153px;"></div>
 411 <div style="margin-left: 70px; width: 153px;"></div>
 412 <!-- left and right and margin-right auto (margin-right like 0) -->
 413 <div style="margin-left: 167px; width: 153px;"></div>
 414 <div style="margin-left: 167px; width: 153px;"></div>
 415 <div style="margin-left: 473px; width: 153px;"></div>
 416 <div style="margin-left: 473px; width: 153px;"></div>
 417 <div style="margin-left: 167px; width: 153px;"></div>
 418 <div style="margin-left: 167px; width: 153px;"></div>
 419 <div style="margin-left: 473px; width: 153px;"></div>
 420 <div style="margin-left: 473px; width: 153px;"></div>
 421 <!-- margin-left and margin-right auto -->
 422 <div style="margin-left: 284px; width: 153px;"></div>
 423 <div style="margin-left: 284px; width: 153px;"></div>
 424 <div style="margin-left: 284px; width: 153px;"></div>
 425 <div style="margin-left: 284px; width: 153px;"></div>
 426 <div style="margin-left: 284px; width: 153px;"></div>
 427 <div style="margin-left: 284px; width: 153px;"></div>
 428 <div style="margin-left: 284px; width: 153px;"></div>
 429 <div style="margin-left: 284px; width: 153px;"></div>
 430 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 431 <div style="margin-left: 515px; width: 153px;"></div>
 432 <div style="margin-left: 515px; width: 153px;"></div>
 433 <div style="margin-left: 515px; width: 153px;"></div>
 434 <div style="margin-left: 515px; width: 153px;"></div>
 435 <div style="margin-left: 515px; width: 153px;"></div>
 436 <div style="margin-left: 515px; width: 153px;"></div>
 437 <div style="margin-left: 515px; width: 153px;"></div>
 438 <div style="margin-left: 515px; width: 153px;"></div>
 439 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 440 <div style="margin-left: 53px; width: 153px;"></div>
 441 <div style="margin-left: 53px; width: 153px;"></div>
 442 <div style="margin-left: 53px; width: 153px;"></div>
 443 <div style="margin-left: 53px; width: 153px;"></div>
 444 <div style="margin-left: 53px; width: 153px;"></div>
 445 <div style="margin-left: 53px; width: 153px;"></div>
 446 <div style="margin-left: 53px; width: 153px;"></div>
 447 <div style="margin-left: 53px; width: 153px;"></div>
 448 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 449 <div style="margin-left: 150px; width: 153px;"></div>
 450 <div style="margin-left: 150px; width: 153px;"></div>
 451 <div style="margin-left: 473px; width: 153px;"></div>
 452 <div style="margin-left: 473px; width: 153px;"></div>
 453 <div style="margin-left: 150px; width: 153px;"></div>
 454 <div style="margin-left: 150px; width: 153px;"></div>
 455 <div style="margin-left: 473px; width: 153px;"></div>
 456 <div style="margin-left: 473px; width: 153px;"></div>
 457
 458 <!-- ***** WIDE WIDTH ***** -->
 459
 460 <!-- nothing auto -->
 461 <div style="margin-left: 70px; width: 660px;"></div>
 462 <div style="margin-left: -11px; width: 660px;"></div>
 463 <div style="margin-left: 70px; width: 660px;"></div>
 464 <div style="margin-left: -11px; width: 660px;"></div>
 465 <div style="margin-left: 70px; width: 660px;"></div>
 466 <div style="margin-left: -11px; width: 660px;"></div>
 467 <div style="margin-left: 70px; width: 660px;"></div>
 468 <div style="margin-left: -11px; width: 660px;"></div>
 469 <!-- only left auto -->
 470 <div style="margin-left: -11px; width: 660px;"></div>
 471 <div style="margin-left: -11px; width: 660px;"></div>
 472 <div style="margin-left: -11px; width: 660px;"></div>
 473 <div style="margin-left: -11px; width: 660px;"></div>
 474 <div style="margin-left: -11px; width: 660px;"></div>
 475 <div style="margin-left: -11px; width: 660px;"></div>
 476 <div style="margin-left: -11px; width: 660px;"></div>
 477 <div style="margin-left: -11px; width: 660px;"></div>
 478 <!-- only right auto -->
 479 <div style="margin-left: 70px; width: 660px;"></div>
 480 <div style="margin-left: 70px; width: 660px;"></div>
 481 <div style="margin-left: 70px; width: 660px;"></div>
 482 <div style="margin-left: 70px; width: 660px;"></div>
 483 <div style="margin-left: 70px; width: 660px;"></div>
 484 <div style="margin-left: 70px; width: 660px;"></div>
 485 <div style="margin-left: 70px; width: 660px;"></div>
 486 <div style="margin-left: 70px; width: 660px;"></div>
 487 <!-- left and right auto -->
 488 <div style="margin-left: 167px; width: 660px;"></div>
 489 <div style="margin-left: 167px; width: 660px;"></div>
 490 <div style="margin-left: -53px; width: 660px;"></div>
 491 <div style="margin-left: -53px; width: 660px;"></div>
 492 <div style="margin-left: 167px; width: 660px;"></div>
 493 <div style="margin-left: 167px; width: 660px;"></div>
 494 <div style="margin-left: -53px; width: 660px;"></div>
 495 <div style="margin-left: -53px; width: 660px;"></div>
 496 <!-- only margin-left auto -->
 497 <div style="margin-left: -11px; width: 660px;"></div>
 498 <div style="margin-left: -11px; width: 660px;"></div>
 499 <div style="margin-left: -11px; width: 660px;"></div>
 500 <div style="margin-left: -11px; width: 660px;"></div>
 501 <div style="margin-left: -11px; width: 660px;"></div>
 502 <div style="margin-left: -11px; width: 660px;"></div>
 503 <div style="margin-left: -11px; width: 660px;"></div>
 504 <div style="margin-left: -11px; width: 660px;"></div>
 505 <!-- left and margin-left auto -->
 506 <div style="margin-left: -11px; width: 660px;"></div>
 507 <div style="margin-left: -11px; width: 660px;"></div>
 508 <div style="margin-left: -11px; width: 660px;"></div>
 509 <div style="margin-left: -11px; width: 660px;"></div>
 510 <div style="margin-left: -11px; width: 660px;"></div>
 511 <div style="margin-left: -11px; width: 660px;"></div>
 512 <div style="margin-left: -11px; width: 660px;"></div>
 513 <div style="margin-left: -11px; width: 660px;"></div>
 514 <!-- right and margin-left auto (margin-left like 0) -->
 515 <div style="margin-left: 53px; width: 660px;"></div>
 516 <div style="margin-left: 53px; width: 660px;"></div>
 517 <div style="margin-left: 53px; width: 660px;"></div>
 518 <div style="margin-left: 53px; width: 660px;"></div>
 519 <div style="margin-left: 53px; width: 660px;"></div>
 520 <div style="margin-left: 53px; width: 660px;"></div>
 521 <div style="margin-left: 53px; width: 660px;"></div>
 522 <div style="margin-left: 53px; width: 660px;"></div>
 523 <!-- left and right and margin-left auto (margin-left like 0) -->
 524 <div style="margin-left: 150px; width: 660px;"></div>
 525 <div style="margin-left: 150px; width: 660px;"></div>
 526 <div style="margin-left: -53px; width: 660px;"></div>
 527 <div style="margin-left: -53px; width: 660px;"></div>
 528 <div style="margin-left: 150px; width: 660px;"></div>
 529 <div style="margin-left: 150px; width: 660px;"></div>
 530 <div style="margin-left: -53px; width: 660px;"></div>
 531 <div style="margin-left: -53px; width: 660px;"></div>
 532 <!-- only margin-right auto -->
 533 <div style="margin-left: 70px; width: 660px;"></div>
 534 <div style="margin-left: 70px; width: 660px;"></div>
 535 <div style="margin-left: 70px; width: 660px;"></div>
 536 <div style="margin-left: 70px; width: 660px;"></div>
 537 <div style="margin-left: 70px; width: 660px;"></div>
 538 <div style="margin-left: 70px; width: 660px;"></div>
 539 <div style="margin-left: 70px; width: 660px;"></div>
 540 <div style="margin-left: 70px; width: 660px;"></div>
 541 <!-- left and margin-right auto (margin-right like 0) -->
 542 <div style="margin-left: 8px; width: 660px;"></div>
 543 <div style="margin-left: 8px; width: 660px;"></div>
 544 <div style="margin-left: 8px; width: 660px;"></div>
 545 <div style="margin-left: 8px; width: 660px;"></div>
 546 <div style="margin-left: 8px; width: 660px;"></div>
 547 <div style="margin-left: 8px; width: 660px;"></div>
 548 <div style="margin-left: 8px; width: 660px;"></div>
 549 <div style="margin-left: 8px; width: 660px;"></div>
 550 <!-- right and margin-right auto -->
 551 <div style="margin-left: 70px; width: 660px;"></div>
 552 <div style="margin-left: 70px; width: 660px;"></div>
 553 <div style="margin-left: 70px; width: 660px;"></div>
 554 <div style="margin-left: 70px; width: 660px;"></div>
 555 <div style="margin-left: 70px; width: 660px;"></div>
 556 <div style="margin-left: 70px; width: 660px;"></div>
 557 <div style="margin-left: 70px; width: 660px;"></div>
 558 <div style="margin-left: 70px; width: 660px;"></div>
 559 <!-- left and right and margin-right auto (margin-right like 0) -->
 560 <div style="margin-left: 167px; width: 660px;"></div>
 561 <div style="margin-left: 167px; width: 660px;"></div>
 562 <div style="margin-left: -34px; width: 660px;"></div>
 563 <div style="margin-left: -34px; width: 660px;"></div>
 564 <div style="margin-left: 167px; width: 660px;"></div>
 565 <div style="margin-left: 167px; width: 660px;"></div>
 566 <div style="margin-left: -34px; width: 660px;"></div>
 567 <div style="margin-left: -34px; width: 660px;"></div>
 568 <!-- margin-left and margin-right auto (alternately like 0) -->
 569 <div style="margin-left: 53px; width: 660px;"></div>
 570 <div style="margin-left: 8px; width: 660px;"></div>
 571 <div style="margin-left: 53px; width: 660px;"></div>
 572 <div style="margin-left: 8px; width: 660px;"></div>
 573 <div style="margin-left: 53px; width: 660px;"></div>
 574 <div style="margin-left: 8px; width: 660px;"></div>
 575 <div style="margin-left: 53px; width: 660px;"></div>
 576 <div style="margin-left: 8px; width: 660px;"></div>
 577 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 578 <div style="margin-left: 8px; width: 660px;"></div>
 579 <div style="margin-left: 8px; width: 660px;"></div>
 580 <div style="margin-left: 8px; width: 660px;"></div>
 581 <div style="margin-left: 8px; width: 660px;"></div>
 582 <div style="margin-left: 8px; width: 660px;"></div>
 583 <div style="margin-left: 8px; width: 660px;"></div>
 584 <div style="margin-left: 8px; width: 660px;"></div>
 585 <div style="margin-left: 8px; width: 660px;"></div>
 586 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 587 <div style="margin-left: 53px; width: 660px;"></div>
 588 <div style="margin-left: 53px; width: 660px;"></div>
 589 <div style="margin-left: 53px; width: 660px;"></div>
 590 <div style="margin-left: 53px; width: 660px;"></div>
 591 <div style="margin-left: 53px; width: 660px;"></div>
 592 <div style="margin-left: 53px; width: 660px;"></div>
 593 <div style="margin-left: 53px; width: 660px;"></div>
 594 <div style="margin-left: 53px; width: 660px;"></div>
 595 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 596 <div style="margin-left: 150px; width: 660px;"></div>
 597 <div style="margin-left: 150px; width: 660px;"></div>
 598 <div style="margin-left: -34px; width: 660px;"></div>
 599 <div style="margin-left: -34px; width: 660px;"></div>
 600 <div style="margin-left: 150px; width: 660px;"></div>
 601 <div style="margin-left: 150px; width: 660px;"></div>
 602 <div style="margin-left: -34px; width: 660px;"></div>
 603 <div style="margin-left: -34px; width: 660px;"></div>
 604
 605 </body>
 606 </html>