layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd">
   2 <html>
   3 <head>
   4 <title>Test, CSS 2.1, section 10.3.8</title>
   5 <style type="text/css">
   6
   7 html, body { margin: 0; padding: 0; border: none; }
   8 div { height: 1px; background: blue;
   9       border-left: 7px solid navy; border-right: 17px solid navy; margin-right: 19px; }
  10
  11 </style>
  12 </head>
  13 <body>
  14
  15 <!-- ***** WIDE WIDTH ***** -->
  16
  17 <!-- nothing auto -->
  18 <div style="margin-left: 70px; width: 660px;"></div>
  19 <div style="margin-left: -11px; width: 660px;"></div>
  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 <!-- only left auto -->
  27 <div style="margin-left: -11px; width: 660px;"></div>
  28 <div style="margin-left: -11px; width: 660px;"></div>
  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 <!-- only right auto -->
  36 <div style="margin-left: 70px; width: 660px;"></div>
  37 <div style="margin-left: 70px; width: 660px;"></div>
  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 <!-- left and right auto -->
  45 <div style="margin-left: 167px; width: 660px;"></div>
  46 <div style="margin-left: 167px; width: 660px;"></div>
  47 <div style="margin-left: -53px; width: 660px;"></div>
  48 <div style="margin-left: -53px; width: 660px;"></div>
  49 <div style="margin-left: 167px; width: 660px;"></div>
  50 <div style="margin-left: 167px; width: 660px;"></div>
  51 <div style="margin-left: -53px; width: 660px;"></div>
  52 <div style="margin-left: -53px; width: 660px;"></div>
  53 <!-- only margin-left auto -->
  54 <div style="margin-left: -11px; width: 660px;"></div>
  55 <div style="margin-left: -11px; width: 660px;"></div>
  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 <!-- left and margin-left auto -->
  63 <div style="margin-left: -11px; width: 660px;"></div>
  64 <div style="margin-left: -11px; width: 660px;"></div>
  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 <!-- right and margin-left auto (margin-left like 0) -->
  72 <div style="margin-left: 53px; width: 660px;"></div>
  73 <div style="margin-left: 53px; width: 660px;"></div>
  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 <!-- left and right and margin-left auto (margin-left like 0) -->
  81 <div style="margin-left: 150px; width: 660px;"></div>
  82 <div style="margin-left: 150px; width: 660px;"></div>
  83 <div style="margin-left: -53px; width: 660px;"></div>
  84 <div style="margin-left: -53px; width: 660px;"></div>
  85 <div style="margin-left: 150px; width: 660px;"></div>
  86 <div style="margin-left: 150px; width: 660px;"></div>
  87 <div style="margin-left: -53px; width: 660px;"></div>
  88 <div style="margin-left: -53px; width: 660px;"></div>
  89 <!-- only margin-right auto -->
  90 <div style="margin-left: 70px; width: 660px;"></div>
  91 <div style="margin-left: 70px; width: 660px;"></div>
  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 <!-- left and margin-right auto (margin-right like 0) -->
  99 <div style="margin-left: 8px; width: 660px;"></div>
 100 <div style="margin-left: 8px; width: 660px;"></div>
 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 <!-- right and margin-right auto -->
 108 <div style="margin-left: 70px; width: 660px;"></div>
 109 <div style="margin-left: 70px; width: 660px;"></div>
 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 <!-- left and right and margin-right auto (margin-right like 0) -->
 117 <div style="margin-left: 167px; width: 660px;"></div>
 118 <div style="margin-left: 167px; width: 660px;"></div>
 119 <div style="margin-left: -34px; width: 660px;"></div>
 120 <div style="margin-left: -34px; width: 660px;"></div>
 121 <div style="margin-left: 167px; width: 660px;"></div>
 122 <div style="margin-left: 167px; width: 660px;"></div>
 123 <div style="margin-left: -34px; width: 660px;"></div>
 124 <div style="margin-left: -34px; width: 660px;"></div>
 125 <!-- margin-left and margin-right auto (alternately like 0) -->
 126 <div style="margin-left: 53px; width: 660px;"></div>
 127 <div style="margin-left: 8px; width: 660px;"></div>
 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 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 135 <div style="margin-left: 8px; width: 660px;"></div>
 136 <div style="margin-left: 8px; width: 660px;"></div>
 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 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 144 <div style="margin-left: 53px; width: 660px;"></div>
 145 <div style="margin-left: 53px; width: 660px;"></div>
 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 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 153 <div style="margin-left: 150px; width: 660px;"></div>
 154 <div style="margin-left: 150px; width: 660px;"></div>
 155 <div style="margin-left: -34px; width: 660px;"></div>
 156 <div style="margin-left: -34px; width: 660px;"></div>
 157 <div style="margin-left: 150px; width: 660px;"></div>
 158 <div style="margin-left: 150px; width: 660px;"></div>
 159 <div style="margin-left: -34px; width: 660px;"></div>
 160 <div style="margin-left: -34px; width: 660px;"></div>
 161
 162 <!-- ***** NARROW WIDTH ***** -->
 163
 164 <!-- nothing auto -->
 165 <div style="margin-left: 70px; width: 153px;"></div>
 166 <div style="margin-left: 496px; width: 153px;"></div>
 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 <!-- only left auto -->
 174 <div style="margin-left: 496px; width: 153px;"></div>
 175 <div style="margin-left: 496px; width: 153px;"></div>
 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 <!-- only right auto -->
 183 <div style="margin-left: 70px; width: 153px;"></div>
 184 <div style="margin-left: 70px; width: 153px;"></div>
 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 <!-- left and right auto -->
 192 <div style="margin-left: 167px; width: 153px;"></div>
 193 <div style="margin-left: 167px; width: 153px;"></div>
 194 <div style="margin-left: 454px; width: 153px;"></div>
 195 <div style="margin-left: 454px; width: 153px;"></div>
 196 <div style="margin-left: 167px; width: 153px;"></div>
 197 <div style="margin-left: 167px; width: 153px;"></div>
 198 <div style="margin-left: 454px; width: 153px;"></div>
 199 <div style="margin-left: 454px; width: 153px;"></div>
 200 <!-- only margin-left auto -->
 201 <div style="margin-left: 496px; width: 153px;"></div>
 202 <div style="margin-left: 496px; width: 153px;"></div>
 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 <!-- left and margin-left auto -->
 210 <div style="margin-left: 496px; width: 153px;"></div>
 211 <div style="margin-left: 496px; width: 153px;"></div>
 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 <!-- right and margin-left auto (margin-left like 0) -->
 219 <div style="margin-left: 53px; width: 153px;"></div>
 220 <div style="margin-left: 53px; width: 153px;"></div>
 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 <!-- left and right and margin-left auto (margin-left like 0) -->
 228 <div style="margin-left: 150px; width: 153px;"></div>
 229 <div style="margin-left: 150px; width: 153px;"></div>
 230 <div style="margin-left: 454px; width: 153px;"></div>
 231 <div style="margin-left: 454px; width: 153px;"></div>
 232 <div style="margin-left: 150px; width: 153px;"></div>
 233 <div style="margin-left: 150px; width: 153px;"></div>
 234 <div style="margin-left: 454px; width: 153px;"></div>
 235 <div style="margin-left: 454px; width: 153px;"></div>
 236 <!-- only margin-right auto -->
 237 <div style="margin-left: 70px; width: 153px;"></div>
 238 <div style="margin-left: 70px; width: 153px;"></div>
 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 <!-- left and margin-right auto (margin-right like 0) -->
 246 <div style="margin-left: 515px; width: 153px;"></div>
 247 <div style="margin-left: 515px; width: 153px;"></div>
 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 <!-- right and margin-right auto -->
 255 <div style="margin-left: 70px; width: 153px;"></div>
 256 <div style="margin-left: 70px; width: 153px;"></div>
 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 <!-- left and right and margin-right auto (margin-right like 0) -->
 264 <div style="margin-left: 167px; width: 153px;"></div>
 265 <div style="margin-left: 167px; width: 153px;"></div>
 266 <div style="margin-left: 473px; width: 153px;"></div>
 267 <div style="margin-left: 473px; width: 153px;"></div>
 268 <div style="margin-left: 167px; width: 153px;"></div>
 269 <div style="margin-left: 167px; width: 153px;"></div>
 270 <div style="margin-left: 473px; width: 153px;"></div>
 271 <div style="margin-left: 473px; width: 153px;"></div>
 272 <!-- margin-left and margin-right auto -->
 273 <div style="margin-left: 284px; width: 153px;"></div>
 274 <div style="margin-left: 284px; width: 153px;"></div>
 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 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 282 <div style="margin-left: 515px; width: 153px;"></div>
 283 <div style="margin-left: 515px; width: 153px;"></div>
 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 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 291 <div style="margin-left: 53px; width: 153px;"></div>
 292 <div style="margin-left: 53px; width: 153px;"></div>
 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 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 300 <div style="margin-left: 150px; width: 153px;"></div>
 301 <div style="margin-left: 150px; width: 153px;"></div>
 302 <div style="margin-left: 473px; width: 153px;"></div>
 303 <div style="margin-left: 473px; width: 153px;"></div>
 304 <div style="margin-left: 150px; width: 153px;"></div>
 305 <div style="margin-left: 150px; width: 153px;"></div>
 306 <div style="margin-left: 473px; width: 153px;"></div>
 307 <div style="margin-left: 473px; width: 153px;"></div>
 308
 309 <!-- ***** NARROW WIDTH ***** -->
 310
 311 <!-- nothing auto -->
 312 <div style="margin-left: 70px; width: 153px;"></div>
 313 <div style="margin-left: 496px; width: 153px;"></div>
 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 <!-- only left auto -->
 321 <div style="margin-left: 496px; width: 153px;"></div>
 322 <div style="margin-left: 496px; width: 153px;"></div>
 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 <!-- only right auto -->
 330 <div style="margin-left: 70px; width: 153px;"></div>
 331 <div style="margin-left: 70px; width: 153px;"></div>
 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 <!-- left and right auto -->
 339 <div style="margin-left: 167px; width: 153px;"></div>
 340 <div style="margin-left: 167px; width: 153px;"></div>
 341 <div style="margin-left: 454px; width: 153px;"></div>
 342 <div style="margin-left: 454px; width: 153px;"></div>
 343 <div style="margin-left: 167px; width: 153px;"></div>
 344 <div style="margin-left: 167px; width: 153px;"></div>
 345 <div style="margin-left: 454px; width: 153px;"></div>
 346 <div style="margin-left: 454px; width: 153px;"></div>
 347 <!-- only margin-left auto -->
 348 <div style="margin-left: 496px; width: 153px;"></div>
 349 <div style="margin-left: 496px; width: 153px;"></div>
 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 <!-- left and margin-left auto -->
 357 <div style="margin-left: 496px; width: 153px;"></div>
 358 <div style="margin-left: 496px; width: 153px;"></div>
 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 <!-- right and margin-left auto (margin-left like 0) -->
 366 <div style="margin-left: 53px; width: 153px;"></div>
 367 <div style="margin-left: 53px; width: 153px;"></div>
 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 <!-- left and right and margin-left auto (margin-left like 0) -->
 375 <div style="margin-left: 150px; width: 153px;"></div>
 376 <div style="margin-left: 150px; width: 153px;"></div>
 377 <div style="margin-left: 454px; width: 153px;"></div>
 378 <div style="margin-left: 454px; width: 153px;"></div>
 379 <div style="margin-left: 150px; width: 153px;"></div>
 380 <div style="margin-left: 150px; width: 153px;"></div>
 381 <div style="margin-left: 454px; width: 153px;"></div>
 382 <div style="margin-left: 454px; width: 153px;"></div>
 383 <!-- only margin-right auto -->
 384 <div style="margin-left: 70px; width: 153px;"></div>
 385 <div style="margin-left: 70px; width: 153px;"></div>
 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 <!-- left and margin-right auto (margin-right like 0) -->
 393 <div style="margin-left: 515px; width: 153px;"></div>
 394 <div style="margin-left: 515px; width: 153px;"></div>
 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 <!-- right and margin-right auto -->
 402 <div style="margin-left: 70px; width: 153px;"></div>
 403 <div style="margin-left: 70px; width: 153px;"></div>
 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 <!-- left and right and margin-right auto (margin-right like 0) -->
 411 <div style="margin-left: 167px; width: 153px;"></div>
 412 <div style="margin-left: 167px; width: 153px;"></div>
 413 <div style="margin-left: 473px; width: 153px;"></div>
 414 <div style="margin-left: 473px; width: 153px;"></div>
 415 <div style="margin-left: 167px; width: 153px;"></div>
 416 <div style="margin-left: 167px; width: 153px;"></div>
 417 <div style="margin-left: 473px; width: 153px;"></div>
 418 <div style="margin-left: 473px; width: 153px;"></div>
 419 <!-- margin-left and margin-right auto -->
 420 <div style="margin-left: 284px; width: 153px;"></div>
 421 <div style="margin-left: 284px; width: 153px;"></div>
 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 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 429 <div style="margin-left: 515px; width: 153px;"></div>
 430 <div style="margin-left: 515px; width: 153px;"></div>
 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 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 438 <div style="margin-left: 53px; width: 153px;"></div>
 439 <div style="margin-left: 53px; width: 153px;"></div>
 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 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 447 <div style="margin-left: 150px; width: 153px;"></div>
 448 <div style="margin-left: 150px; width: 153px;"></div>
 449 <div style="margin-left: 473px; width: 153px;"></div>
 450 <div style="margin-left: 473px; width: 153px;"></div>
 451 <div style="margin-left: 150px; width: 153px;"></div>
 452 <div style="margin-left: 150px; width: 153px;"></div>
 453 <div style="margin-left: 473px; width: 153px;"></div>
 454 <div style="margin-left: 473px; width: 153px;"></div>
 455
 456 <!-- ***** WIDE WIDTH ***** -->
 457
 458 <!-- nothing auto -->
 459 <div style="margin-left: 70px; width: 660px;"></div>
 460 <div style="margin-left: -11px; width: 660px;"></div>
 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 <!-- only left auto -->
 468 <div style="margin-left: -11px; width: 660px;"></div>
 469 <div style="margin-left: -11px; width: 660px;"></div>
 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 <!-- only right auto -->
 477 <div style="margin-left: 70px; width: 660px;"></div>
 478 <div style="margin-left: 70px; width: 660px;"></div>
 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 <!-- left and right auto -->
 486 <div style="margin-left: 167px; width: 660px;"></div>
 487 <div style="margin-left: 167px; width: 660px;"></div>
 488 <div style="margin-left: -53px; width: 660px;"></div>
 489 <div style="margin-left: -53px; width: 660px;"></div>
 490 <div style="margin-left: 167px; width: 660px;"></div>
 491 <div style="margin-left: 167px; width: 660px;"></div>
 492 <div style="margin-left: -53px; width: 660px;"></div>
 493 <div style="margin-left: -53px; width: 660px;"></div>
 494 <!-- only margin-left auto -->
 495 <div style="margin-left: -11px; width: 660px;"></div>
 496 <div style="margin-left: -11px; width: 660px;"></div>
 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 <!-- left and margin-left auto -->
 504 <div style="margin-left: -11px; width: 660px;"></div>
 505 <div style="margin-left: -11px; width: 660px;"></div>
 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 <!-- right and margin-left auto (margin-left like 0) -->
 513 <div style="margin-left: 53px; width: 660px;"></div>
 514 <div style="margin-left: 53px; width: 660px;"></div>
 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 <!-- left and right and margin-left auto (margin-left like 0) -->
 522 <div style="margin-left: 150px; width: 660px;"></div>
 523 <div style="margin-left: 150px; width: 660px;"></div>
 524 <div style="margin-left: -53px; width: 660px;"></div>
 525 <div style="margin-left: -53px; width: 660px;"></div>
 526 <div style="margin-left: 150px; width: 660px;"></div>
 527 <div style="margin-left: 150px; width: 660px;"></div>
 528 <div style="margin-left: -53px; width: 660px;"></div>
 529 <div style="margin-left: -53px; width: 660px;"></div>
 530 <!-- only margin-right auto -->
 531 <div style="margin-left: 70px; width: 660px;"></div>
 532 <div style="margin-left: 70px; width: 660px;"></div>
 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 <!-- left and margin-right auto (margin-right like 0) -->
 540 <div style="margin-left: 8px; width: 660px;"></div>
 541 <div style="margin-left: 8px; width: 660px;"></div>
 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 <!-- right and margin-right auto -->
 549 <div style="margin-left: 70px; width: 660px;"></div>
 550 <div style="margin-left: 70px; width: 660px;"></div>
 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 <!-- left and right and margin-right auto (margin-right like 0) -->
 558 <div style="margin-left: 167px; width: 660px;"></div>
 559 <div style="margin-left: 167px; width: 660px;"></div>
 560 <div style="margin-left: -34px; width: 660px;"></div>
 561 <div style="margin-left: -34px; width: 660px;"></div>
 562 <div style="margin-left: 167px; width: 660px;"></div>
 563 <div style="margin-left: 167px; width: 660px;"></div>
 564 <div style="margin-left: -34px; width: 660px;"></div>
 565 <div style="margin-left: -34px; width: 660px;"></div>
 566 <!-- margin-left and margin-right auto (alternately like 0) -->
 567 <div style="margin-left: 53px; width: 660px;"></div>
 568 <div style="margin-left: 8px; width: 660px;"></div>
 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 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 576 <div style="margin-left: 8px; width: 660px;"></div>
 577 <div style="margin-left: 8px; width: 660px;"></div>
 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 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 585 <div style="margin-left: 53px; width: 660px;"></div>
 586 <div style="margin-left: 53px; width: 660px;"></div>
 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 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 594 <div style="margin-left: 150px; width: 660px;"></div>
 595 <div style="margin-left: 150px; width: 660px;"></div>
 596 <div style="margin-left: -34px; width: 660px;"></div>
 597 <div style="margin-left: -34px; width: 660px;"></div>
 598 <div style="margin-left: 150px; width: 660px;"></div>
 599 <div style="margin-left: 150px; width: 660px;"></div>
 600 <div style="margin-left: -34px; width: 660px;"></div>
 601 <div style="margin-left: -34px; width: 660px;"></div>
 602
 603 </body>
 604 </html>