layout/reftests/box-properties/abspos-non-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.7</title>
   5 <style type="text/css">
   6
   7 html, body { margin: 0; padding: 0; border: none; }
   8 div { height: 1px; background: navy; margin-right: 19px; }
   9
  10 </style>
  11 </head>
  12 <body>
  13
  14 <!-- ***** NARROW WIDTH ***** -->
  15
  16 <!-- nothing auto -->
  17 <div style="margin-left: 70px; width: 177px;"></div>
  18 <div style="margin-left: 496px; width: 177px;"></div>
  19 <div style="margin-left: 70px; width: 177px;"></div>
  20 <div style="margin-left: 496px; width: 177px;"></div>
  21 <div style="margin-left: 70px; width: 177px;"></div>
  22 <div style="margin-left: 496px; width: 177px;"></div>
  23 <div style="margin-left: 70px; width: 177px;"></div>
  24 <div style="margin-left: 496px; width: 177px;"></div>
  25 <!-- only left auto -->
  26 <div style="margin-left: 496px; width: 177px;"></div>
  27 <div style="margin-left: 496px; width: 177px;"></div>
  28 <div style="margin-left: 496px; width: 177px;"></div>
  29 <div style="margin-left: 496px; width: 177px;"></div>
  30 <div style="margin-left: 496px; width: 177px;"></div>
  31 <div style="margin-left: 496px; width: 177px;"></div>
  32 <div style="margin-left: 496px; width: 177px;"></div>
  33 <div style="margin-left: 496px; width: 177px;"></div>
  34 <!-- only right auto -->
  35 <div style="margin-left: 70px; width: 177px;"></div>
  36 <div style="margin-left: 70px; width: 177px;"></div>
  37 <div style="margin-left: 70px; width: 177px;"></div>
  38 <div style="margin-left: 70px; width: 177px;"></div>
  39 <div style="margin-left: 70px; width: 177px;"></div>
  40 <div style="margin-left: 70px; width: 177px;"></div>
  41 <div style="margin-left: 70px; width: 177px;"></div>
  42 <div style="margin-left: 70px; width: 177px;"></div>
  43 <!-- left and right auto -->
  44 <div style="margin-left: 167px; width: 177px;"></div>
  45 <div style="margin-left: 167px; width: 177px;"></div>
  46 <div style="margin-left: 454px; width: 177px;"></div>
  47 <div style="margin-left: 454px; width: 177px;"></div>
  48 <div style="margin-left: 167px; width: 177px;"></div>
  49 <div style="margin-left: 167px; width: 177px;"></div>
  50 <div style="margin-left: 454px; width: 177px;"></div>
  51 <div style="margin-left: 454px; width: 177px;"></div>
  52 <!-- only margin-left auto -->
  53 <div style="margin-left: 496px; width: 177px;"></div>
  54 <div style="margin-left: 496px; width: 177px;"></div>
  55 <div style="margin-left: 496px; width: 177px;"></div>
  56 <div style="margin-left: 496px; width: 177px;"></div>
  57 <div style="margin-left: 496px; width: 177px;"></div>
  58 <div style="margin-left: 496px; width: 177px;"></div>
  59 <div style="margin-left: 496px; width: 177px;"></div>
  60 <div style="margin-left: 496px; width: 177px;"></div>
  61 <!-- left and margin-left auto -->
  62 <div style="margin-left: 496px; width: 177px;"></div>
  63 <div style="margin-left: 496px; width: 177px;"></div>
  64 <div style="margin-left: 496px; width: 177px;"></div>
  65 <div style="margin-left: 496px; width: 177px;"></div>
  66 <div style="margin-left: 496px; width: 177px;"></div>
  67 <div style="margin-left: 496px; width: 177px;"></div>
  68 <div style="margin-left: 496px; width: 177px;"></div>
  69 <div style="margin-left: 496px; width: 177px;"></div>
  70 <!-- right and margin-left auto (margin-left like 0) -->
  71 <div style="margin-left: 53px; width: 177px;"></div>
  72 <div style="margin-left: 53px; width: 177px;"></div>
  73 <div style="margin-left: 53px; width: 177px;"></div>
  74 <div style="margin-left: 53px; width: 177px;"></div>
  75 <div style="margin-left: 53px; width: 177px;"></div>
  76 <div style="margin-left: 53px; width: 177px;"></div>
  77 <div style="margin-left: 53px; width: 177px;"></div>
  78 <div style="margin-left: 53px; width: 177px;"></div>
  79 <!-- left and right and margin-left auto (margin-left like 0) -->
  80 <div style="margin-left: 150px; width: 177px;"></div>
  81 <div style="margin-left: 150px; width: 177px;"></div>
  82 <div style="margin-left: 454px; width: 177px;"></div>
  83 <div style="margin-left: 454px; width: 177px;"></div>
  84 <div style="margin-left: 150px; width: 177px;"></div>
  85 <div style="margin-left: 150px; width: 177px;"></div>
  86 <div style="margin-left: 454px; width: 177px;"></div>
  87 <div style="margin-left: 454px; width: 177px;"></div>
  88 <!-- only margin-right auto -->
  89 <div style="margin-left: 70px; width: 177px;"></div>
  90 <div style="margin-left: 70px; width: 177px;"></div>
  91 <div style="margin-left: 70px; width: 177px;"></div>
  92 <div style="margin-left: 70px; width: 177px;"></div>
  93 <div style="margin-left: 70px; width: 177px;"></div>
  94 <div style="margin-left: 70px; width: 177px;"></div>
  95 <div style="margin-left: 70px; width: 177px;"></div>
  96 <div style="margin-left: 70px; width: 177px;"></div>
  97 <!-- left and margin-right auto (margin-right like 0) -->
  98 <div style="margin-left: 515px; width: 177px;"></div>
  99 <div style="margin-left: 515px; width: 177px;"></div>
 100 <div style="margin-left: 515px; width: 177px;"></div>
 101 <div style="margin-left: 515px; width: 177px;"></div>
 102 <div style="margin-left: 515px; width: 177px;"></div>
 103 <div style="margin-left: 515px; width: 177px;"></div>
 104 <div style="margin-left: 515px; width: 177px;"></div>
 105 <div style="margin-left: 515px; width: 177px;"></div>
 106 <!-- right and margin-right auto -->
 107 <div style="margin-left: 70px; width: 177px;"></div>
 108 <div style="margin-left: 70px; width: 177px;"></div>
 109 <div style="margin-left: 70px; width: 177px;"></div>
 110 <div style="margin-left: 70px; width: 177px;"></div>
 111 <div style="margin-left: 70px; width: 177px;"></div>
 112 <div style="margin-left: 70px; width: 177px;"></div>
 113 <div style="margin-left: 70px; width: 177px;"></div>
 114 <div style="margin-left: 70px; width: 177px;"></div>
 115 <!-- left and right and margin-right auto (margin-right like 0) -->
 116 <div style="margin-left: 167px; width: 177px;"></div>
 117 <div style="margin-left: 167px; width: 177px;"></div>
 118 <div style="margin-left: 473px; width: 177px;"></div>
 119 <div style="margin-left: 473px; width: 177px;"></div>
 120 <div style="margin-left: 167px; width: 177px;"></div>
 121 <div style="margin-left: 167px; width: 177px;"></div>
 122 <div style="margin-left: 473px; width: 177px;"></div>
 123 <div style="margin-left: 473px; width: 177px;"></div>
 124 <!-- margin-left and margin-right auto -->
 125 <div style="margin-left: 284px; width: 177px;"></div>
 126 <div style="margin-left: 284px; width: 177px;"></div>
 127 <div style="margin-left: 284px; width: 177px;"></div>
 128 <div style="margin-left: 284px; width: 177px;"></div>
 129 <div style="margin-left: 284px; width: 177px;"></div>
 130 <div style="margin-left: 284px; width: 177px;"></div>
 131 <div style="margin-left: 284px; width: 177px;"></div>
 132 <div style="margin-left: 284px; width: 177px;"></div>
 133 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 134 <div style="margin-left: 515px; width: 177px;"></div>
 135 <div style="margin-left: 515px; width: 177px;"></div>
 136 <div style="margin-left: 515px; width: 177px;"></div>
 137 <div style="margin-left: 515px; width: 177px;"></div>
 138 <div style="margin-left: 515px; width: 177px;"></div>
 139 <div style="margin-left: 515px; width: 177px;"></div>
 140 <div style="margin-left: 515px; width: 177px;"></div>
 141 <div style="margin-left: 515px; width: 177px;"></div>
 142 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 143 <div style="margin-left: 53px; width: 177px;"></div>
 144 <div style="margin-left: 53px; width: 177px;"></div>
 145 <div style="margin-left: 53px; width: 177px;"></div>
 146 <div style="margin-left: 53px; width: 177px;"></div>
 147 <div style="margin-left: 53px; width: 177px;"></div>
 148 <div style="margin-left: 53px; width: 177px;"></div>
 149 <div style="margin-left: 53px; width: 177px;"></div>
 150 <div style="margin-left: 53px; width: 177px;"></div>
 151 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 152 <div style="margin-left: 150px; width: 177px;"></div>
 153 <div style="margin-left: 150px; width: 177px;"></div>
 154 <div style="margin-left: 473px; width: 177px;"></div>
 155 <div style="margin-left: 473px; width: 177px;"></div>
 156 <div style="margin-left: 150px; width: 177px;"></div>
 157 <div style="margin-left: 150px; width: 177px;"></div>
 158 <div style="margin-left: 473px; width: 177px;"></div>
 159 <div style="margin-left: 473px; width: 177px;"></div>
 160
 161 <!-- AUTO WIDTH -->
 162
 163 <!-- nothing auto -->
 164 <div style="margin-left: 70px; width: 603px;"></div>
 165 <div style="margin-left: 70px; width: 603px;"></div>
 166 <div style="margin-left: 70px; width: 603px;"></div>
 167 <div style="margin-left: 70px; width: 603px;"></div>
 168 <div style="margin-left: 70px; width: 603px;"></div>
 169 <div style="margin-left: 70px; width: 603px;"></div>
 170 <div style="margin-left: 70px; width: 603px;"></div>
 171 <div style="margin-left: 70px; width: 603px;"></div>
 172 <!-- only left auto -->
 173 <div style="margin-left: 577px; width: 96px;"></div>
 174 <div style="margin-left: 577px; width: 96px;"></div>
 175 <div style="margin-left: 577px; width: 96px;"></div>
 176 <div style="margin-left: 577px; width: 96px;"></div>
 177 <div style="margin-left: 577px; width: 96px;"></div>
 178 <div style="margin-left: 577px; width: 96px;"></div>
 179 <div style="margin-left: 577px; width: 96px;"></div>
 180 <div style="margin-left: 577px; width: 96px;"></div>
 181 <!-- only right auto -->
 182 <div style="margin-left: 70px; width: 96px;"></div>
 183 <div style="margin-left: 70px; width: 96px;"></div>
 184 <div style="margin-left: 70px; width: 96px;"></div>
 185 <div style="margin-left: 70px; width: 96px;"></div>
 186 <div style="margin-left: 70px; width: 96px;"></div>
 187 <div style="margin-left: 70px; width: 96px;"></div>
 188 <div style="margin-left: 70px; width: 96px;"></div>
 189 <div style="margin-left: 70px; width: 96px;"></div>
 190 <!-- left and right auto -->
 191 <div style="margin-left: 167px; width: 96px;"></div>
 192 <div style="margin-left: 167px; width: 96px;"></div>
 193 <div style="margin-left: 535px; width: 96px;"></div>
 194 <div style="margin-left: 535px; width: 96px;"></div>
 195 <div style="margin-left: 167px; width: 96px;"></div>
 196 <div style="margin-left: 167px; width: 96px;"></div>
 197 <div style="margin-left: 535px; width: 96px;"></div>
 198 <div style="margin-left: 535px; width: 96px;"></div>
 199 <!-- only margin-left auto (margin-left like 0) -->
 200 <div style="margin-left: 53px; width: 620px;"></div>
 201 <div style="margin-left: 53px; width: 620px;"></div>
 202 <div style="margin-left: 53px; width: 620px;"></div>
 203 <div style="margin-left: 53px; width: 620px;"></div>
 204 <div style="margin-left: 53px; width: 620px;"></div>
 205 <div style="margin-left: 53px; width: 620px;"></div>
 206 <div style="margin-left: 53px; width: 620px;"></div>
 207 <div style="margin-left: 53px; width: 620px;"></div>
 208 <!-- left and margin-left auto -->
 209 <div style="margin-left: 577px; width: 96px;"></div>
 210 <div style="margin-left: 577px; width: 96px;"></div>
 211 <div style="margin-left: 577px; width: 96px;"></div>
 212 <div style="margin-left: 577px; width: 96px;"></div>
 213 <div style="margin-left: 577px; width: 96px;"></div>
 214 <div style="margin-left: 577px; width: 96px;"></div>
 215 <div style="margin-left: 577px; width: 96px;"></div>
 216 <div style="margin-left: 577px; width: 96px;"></div>
 217 <!-- right and margin-left auto (margin-left like 0) -->
 218 <div style="margin-left: 53px; width: 96px;"></div>
 219 <div style="margin-left: 53px; width: 96px;"></div>
 220 <div style="margin-left: 53px; width: 96px;"></div>
 221 <div style="margin-left: 53px; width: 96px;"></div>
 222 <div style="margin-left: 53px; width: 96px;"></div>
 223 <div style="margin-left: 53px; width: 96px;"></div>
 224 <div style="margin-left: 53px; width: 96px;"></div>
 225 <div style="margin-left: 53px; width: 96px;"></div>
 226 <!-- left and right and margin-left auto (margin-left like 0) -->
 227 <div style="margin-left: 150px; width: 96px;"></div>
 228 <div style="margin-left: 150px; width: 96px;"></div>
 229 <div style="margin-left: 535px; width: 96px;"></div>
 230 <div style="margin-left: 535px; width: 96px;"></div>
 231 <div style="margin-left: 150px; width: 96px;"></div>
 232 <div style="margin-left: 150px; width: 96px;"></div>
 233 <div style="margin-left: 535px; width: 96px;"></div>
 234 <div style="margin-left: 535px; width: 96px;"></div>
 235 <!-- only margin-right auto (margin-right like 0) -->
 236 <div style="margin-left: 70px; width: 622px;"></div>
 237 <div style="margin-left: 70px; width: 622px;"></div>
 238 <div style="margin-left: 70px; width: 622px;"></div>
 239 <div style="margin-left: 70px; width: 622px;"></div>
 240 <div style="margin-left: 70px; width: 622px;"></div>
 241 <div style="margin-left: 70px; width: 622px;"></div>
 242 <div style="margin-left: 70px; width: 622px;"></div>
 243 <div style="margin-left: 70px; width: 622px;"></div>
 244 <!-- left and margin-right auto (margin-right like 0) -->
 245 <div style="margin-left: 596px; width: 96px;"></div>
 246 <div style="margin-left: 596px; width: 96px;"></div>
 247 <div style="margin-left: 596px; width: 96px;"></div>
 248 <div style="margin-left: 596px; width: 96px;"></div>
 249 <div style="margin-left: 596px; width: 96px;"></div>
 250 <div style="margin-left: 596px; width: 96px;"></div>
 251 <div style="margin-left: 596px; width: 96px;"></div>
 252 <div style="margin-left: 596px; width: 96px;"></div>
 253 <!-- right and margin-right auto -->
 254 <div style="margin-left: 70px; width: 96px;"></div>
 255 <div style="margin-left: 70px; width: 96px;"></div>
 256 <div style="margin-left: 70px; width: 96px;"></div>
 257 <div style="margin-left: 70px; width: 96px;"></div>
 258 <div style="margin-left: 70px; width: 96px;"></div>
 259 <div style="margin-left: 70px; width: 96px;"></div>
 260 <div style="margin-left: 70px; width: 96px;"></div>
 261 <div style="margin-left: 70px; width: 96px;"></div>
 262 <!-- left and right and margin-right auto (margin-right like 0) -->
 263 <div style="margin-left: 167px; width: 96px;"></div>
 264 <div style="margin-left: 167px; width: 96px;"></div>
 265 <div style="margin-left: 554px; width: 96px;"></div>
 266 <div style="margin-left: 554px; width: 96px;"></div>
 267 <div style="margin-left: 167px; width: 96px;"></div>
 268 <div style="margin-left: 167px; width: 96px;"></div>
 269 <div style="margin-left: 554px; width: 96px;"></div>
 270 <div style="margin-left: 554px; width: 96px;"></div>
 271 <!-- margin-left and margin-right auto (both like 0) -->
 272 <div style="margin-left: 53px; width: 639px;"></div>
 273 <div style="margin-left: 53px; width: 639px;"></div>
 274 <div style="margin-left: 53px; width: 639px;"></div>
 275 <div style="margin-left: 53px; width: 639px;"></div>
 276 <div style="margin-left: 53px; width: 639px;"></div>
 277 <div style="margin-left: 53px; width: 639px;"></div>
 278 <div style="margin-left: 53px; width: 639px;"></div>
 279 <div style="margin-left: 53px; width: 639px;"></div>
 280 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 281 <div style="margin-left: 596px; width: 96px;"></div>
 282 <div style="margin-left: 596px; width: 96px;"></div>
 283 <div style="margin-left: 596px; width: 96px;"></div>
 284 <div style="margin-left: 596px; width: 96px;"></div>
 285 <div style="margin-left: 596px; width: 96px;"></div>
 286 <div style="margin-left: 596px; width: 96px;"></div>
 287 <div style="margin-left: 596px; width: 96px;"></div>
 288 <div style="margin-left: 596px; width: 96px;"></div>
 289 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 290 <div style="margin-left: 53px; width: 96px;"></div>
 291 <div style="margin-left: 53px; width: 96px;"></div>
 292 <div style="margin-left: 53px; width: 96px;"></div>
 293 <div style="margin-left: 53px; width: 96px;"></div>
 294 <div style="margin-left: 53px; width: 96px;"></div>
 295 <div style="margin-left: 53px; width: 96px;"></div>
 296 <div style="margin-left: 53px; width: 96px;"></div>
 297 <div style="margin-left: 53px; width: 96px;"></div>
 298 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 299 <div style="margin-left: 150px; width: 96px;"></div>
 300 <div style="margin-left: 150px; width: 96px;"></div>
 301 <div style="margin-left: 554px; width: 96px;"></div>
 302 <div style="margin-left: 554px; width: 96px;"></div>
 303 <div style="margin-left: 150px; width: 96px;"></div>
 304 <div style="margin-left: 150px; width: 96px;"></div>
 305 <div style="margin-left: 554px; width: 96px;"></div>
 306 <div style="margin-left: 554px; width: 96px;"></div>
 307
 308 <!-- ***** WIDE WIDTH ***** -->
 309
 310 <!-- nothing auto -->
 311 <div style="margin-left: 70px; width: 684px;"></div>
 312 <div style="margin-left: -11px; width: 684px;"></div>
 313 <div style="margin-left: 70px; width: 684px;"></div>
 314 <div style="margin-left: -11px; width: 684px;"></div>
 315 <div style="margin-left: 70px; width: 684px;"></div>
 316 <div style="margin-left: -11px; width: 684px;"></div>
 317 <div style="margin-left: 70px; width: 684px;"></div>
 318 <div style="margin-left: -11px; width: 684px;"></div>
 319 <!-- only left auto -->
 320 <div style="margin-left: -11px; width: 684px;"></div>
 321 <div style="margin-left: -11px; width: 684px;"></div>
 322 <div style="margin-left: -11px; width: 684px;"></div>
 323 <div style="margin-left: -11px; width: 684px;"></div>
 324 <div style="margin-left: -11px; width: 684px;"></div>
 325 <div style="margin-left: -11px; width: 684px;"></div>
 326 <div style="margin-left: -11px; width: 684px;"></div>
 327 <div style="margin-left: -11px; width: 684px;"></div>
 328 <!-- only right auto -->
 329 <div style="margin-left: 70px; width: 684px;"></div>
 330 <div style="margin-left: 70px; width: 684px;"></div>
 331 <div style="margin-left: 70px; width: 684px;"></div>
 332 <div style="margin-left: 70px; width: 684px;"></div>
 333 <div style="margin-left: 70px; width: 684px;"></div>
 334 <div style="margin-left: 70px; width: 684px;"></div>
 335 <div style="margin-left: 70px; width: 684px;"></div>
 336 <div style="margin-left: 70px; width: 684px;"></div>
 337 <!-- left and right auto -->
 338 <div style="margin-left: 167px; width: 684px;"></div>
 339 <div style="margin-left: 167px; width: 684px;"></div>
 340 <div style="margin-left: -53px; width: 684px;"></div>
 341 <div style="margin-left: -53px; width: 684px;"></div>
 342 <div style="margin-left: 167px; width: 684px;"></div>
 343 <div style="margin-left: 167px; width: 684px;"></div>
 344 <div style="margin-left: -53px; width: 684px;"></div>
 345 <div style="margin-left: -53px; width: 684px;"></div>
 346 <!-- only margin-left auto -->
 347 <div style="margin-left: -11px; width: 684px;"></div>
 348 <div style="margin-left: -11px; width: 684px;"></div>
 349 <div style="margin-left: -11px; width: 684px;"></div>
 350 <div style="margin-left: -11px; width: 684px;"></div>
 351 <div style="margin-left: -11px; width: 684px;"></div>
 352 <div style="margin-left: -11px; width: 684px;"></div>
 353 <div style="margin-left: -11px; width: 684px;"></div>
 354 <div style="margin-left: -11px; width: 684px;"></div>
 355 <!-- left and margin-left auto -->
 356 <div style="margin-left: -11px; width: 684px;"></div>
 357 <div style="margin-left: -11px; width: 684px;"></div>
 358 <div style="margin-left: -11px; width: 684px;"></div>
 359 <div style="margin-left: -11px; width: 684px;"></div>
 360 <div style="margin-left: -11px; width: 684px;"></div>
 361 <div style="margin-left: -11px; width: 684px;"></div>
 362 <div style="margin-left: -11px; width: 684px;"></div>
 363 <div style="margin-left: -11px; width: 684px;"></div>
 364 <!-- right and margin-left auto (margin-left like 0) -->
 365 <div style="margin-left: 53px; width: 684px;"></div>
 366 <div style="margin-left: 53px; width: 684px;"></div>
 367 <div style="margin-left: 53px; width: 684px;"></div>
 368 <div style="margin-left: 53px; width: 684px;"></div>
 369 <div style="margin-left: 53px; width: 684px;"></div>
 370 <div style="margin-left: 53px; width: 684px;"></div>
 371 <div style="margin-left: 53px; width: 684px;"></div>
 372 <div style="margin-left: 53px; width: 684px;"></div>
 373 <!-- left and right and margin-left auto (margin-left like 0) -->
 374 <div style="margin-left: 150px; width: 684px;"></div>
 375 <div style="margin-left: 150px; width: 684px;"></div>
 376 <div style="margin-left: -53px; width: 684px;"></div>
 377 <div style="margin-left: -53px; width: 684px;"></div>
 378 <div style="margin-left: 150px; width: 684px;"></div>
 379 <div style="margin-left: 150px; width: 684px;"></div>
 380 <div style="margin-left: -53px; width: 684px;"></div>
 381 <div style="margin-left: -53px; width: 684px;"></div>
 382 <!-- only margin-right auto -->
 383 <div style="margin-left: 70px; width: 684px;"></div>
 384 <div style="margin-left: 70px; width: 684px;"></div>
 385 <div style="margin-left: 70px; width: 684px;"></div>
 386 <div style="margin-left: 70px; width: 684px;"></div>
 387 <div style="margin-left: 70px; width: 684px;"></div>
 388 <div style="margin-left: 70px; width: 684px;"></div>
 389 <div style="margin-left: 70px; width: 684px;"></div>
 390 <div style="margin-left: 70px; width: 684px;"></div>
 391 <!-- left and margin-right auto (margin-right like 0) -->
 392 <div style="margin-left: 8px; width: 684px;"></div>
 393 <div style="margin-left: 8px; width: 684px;"></div>
 394 <div style="margin-left: 8px; width: 684px;"></div>
 395 <div style="margin-left: 8px; width: 684px;"></div>
 396 <div style="margin-left: 8px; width: 684px;"></div>
 397 <div style="margin-left: 8px; width: 684px;"></div>
 398 <div style="margin-left: 8px; width: 684px;"></div>
 399 <div style="margin-left: 8px; width: 684px;"></div>
 400 <!-- right and margin-right auto -->
 401 <div style="margin-left: 70px; width: 684px;"></div>
 402 <div style="margin-left: 70px; width: 684px;"></div>
 403 <div style="margin-left: 70px; width: 684px;"></div>
 404 <div style="margin-left: 70px; width: 684px;"></div>
 405 <div style="margin-left: 70px; width: 684px;"></div>
 406 <div style="margin-left: 70px; width: 684px;"></div>
 407 <div style="margin-left: 70px; width: 684px;"></div>
 408 <div style="margin-left: 70px; width: 684px;"></div>
 409 <!-- left and right and margin-right auto (margin-right like 0) -->
 410 <div style="margin-left: 167px; width: 684px;"></div>
 411 <div style="margin-left: 167px; width: 684px;"></div>
 412 <div style="margin-left: -34px; width: 684px;"></div>
 413 <div style="margin-left: -34px; width: 684px;"></div>
 414 <div style="margin-left: 167px; width: 684px;"></div>
 415 <div style="margin-left: 167px; width: 684px;"></div>
 416 <div style="margin-left: -34px; width: 684px;"></div>
 417 <div style="margin-left: -34px; width: 684px;"></div>
 418 <!-- margin-left and margin-right auto (alternately like 0) -->
 419 <div style="margin-left: 53px; width: 684px;"></div>
 420 <div style="margin-left: 8px; width: 684px;"></div>
 421 <div style="margin-left: 53px; width: 684px;"></div>
 422 <div style="margin-left: 8px; width: 684px;"></div>
 423 <div style="margin-left: 53px; width: 684px;"></div>
 424 <div style="margin-left: 8px; width: 684px;"></div>
 425 <div style="margin-left: 53px; width: 684px;"></div>
 426 <div style="margin-left: 8px; width: 684px;"></div>
 427 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 428 <div style="margin-left: 8px; width: 684px;"></div>
 429 <div style="margin-left: 8px; width: 684px;"></div>
 430 <div style="margin-left: 8px; width: 684px;"></div>
 431 <div style="margin-left: 8px; width: 684px;"></div>
 432 <div style="margin-left: 8px; width: 684px;"></div>
 433 <div style="margin-left: 8px; width: 684px;"></div>
 434 <div style="margin-left: 8px; width: 684px;"></div>
 435 <div style="margin-left: 8px; width: 684px;"></div>
 436 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 437 <div style="margin-left: 53px; width: 684px;"></div>
 438 <div style="margin-left: 53px; width: 684px;"></div>
 439 <div style="margin-left: 53px; width: 684px;"></div>
 440 <div style="margin-left: 53px; width: 684px;"></div>
 441 <div style="margin-left: 53px; width: 684px;"></div>
 442 <div style="margin-left: 53px; width: 684px;"></div>
 443 <div style="margin-left: 53px; width: 684px;"></div>
 444 <div style="margin-left: 53px; width: 684px;"></div>
 445 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 446 <div style="margin-left: 150px; width: 684px;"></div>
 447 <div style="margin-left: 150px; width: 684px;"></div>
 448 <div style="margin-left: -34px; width: 684px;"></div>
 449 <div style="margin-left: -34px; width: 684px;"></div>
 450 <div style="margin-left: 150px; width: 684px;"></div>
 451 <div style="margin-left: 150px; width: 684px;"></div>
 452 <div style="margin-left: -34px; width: 684px;"></div>
 453 <div style="margin-left: -34px; width: 684px;"></div>
 454
 455 </body>
 456 </html>