third_party/WebKit/LayoutTests/css2.1/20110323/abspos-non-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-non-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: navy; }
  11
  12 </style>
  13 </head>
  14 <body>
  15
  16 <!-- ***** NARROW WIDTH ***** -->
  17
  18 <!-- nothing auto -->
  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 <div style="margin-left: 70px; width: 177px;"></div>
  26 <div style="margin-left: 496px; width: 177px;"></div>
  27 <!-- only left auto -->
  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 <div style="margin-left: 496px; width: 177px;"></div>
  35 <div style="margin-left: 496px; width: 177px;"></div>
  36 <!-- only right auto -->
  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 <div style="margin-left: 70px; width: 177px;"></div>
  44 <div style="margin-left: 70px; width: 177px;"></div>
  45 <!-- left and right auto -->
  46 <div style="margin-left: 167px; width: 177px;"></div>
  47 <div style="margin-left: 167px; width: 177px;"></div>
  48 <div style="margin-left: 454px; width: 177px;"></div>
  49 <div style="margin-left: 454px; width: 177px;"></div>
  50 <div style="margin-left: 167px; width: 177px;"></div>
  51 <div style="margin-left: 167px; width: 177px;"></div>
  52 <div style="margin-left: 454px; width: 177px;"></div>
  53 <div style="margin-left: 454px; width: 177px;"></div>
  54 <!-- only margin-left auto -->
  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 <div style="margin-left: 496px; width: 177px;"></div>
  62 <div style="margin-left: 496px; width: 177px;"></div>
  63 <!-- left and margin-left auto -->
  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 <div style="margin-left: 496px; width: 177px;"></div>
  71 <div style="margin-left: 496px; width: 177px;"></div>
  72 <!-- right and margin-left auto (margin-left like 0) -->
  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 <div style="margin-left: 53px; width: 177px;"></div>
  80 <div style="margin-left: 53px; width: 177px;"></div>
  81 <!-- left and right and margin-left auto (margin-left like 0) -->
  82 <div style="margin-left: 150px; width: 177px;"></div>
  83 <div style="margin-left: 150px; width: 177px;"></div>
  84 <div style="margin-left: 454px; width: 177px;"></div>
  85 <div style="margin-left: 454px; width: 177px;"></div>
  86 <div style="margin-left: 150px; width: 177px;"></div>
  87 <div style="margin-left: 150px; width: 177px;"></div>
  88 <div style="margin-left: 454px; width: 177px;"></div>
  89 <div style="margin-left: 454px; width: 177px;"></div>
  90 <!-- only margin-right auto -->
  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 <div style="margin-left: 70px; width: 177px;"></div>
  98 <div style="margin-left: 70px; width: 177px;"></div>
  99 <!-- left and margin-right auto (margin-right like 0) -->
 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 <div style="margin-left: 515px; width: 177px;"></div>
 107 <div style="margin-left: 515px; width: 177px;"></div>
 108 <!-- right and margin-right auto -->
 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 <div style="margin-left: 70px; width: 177px;"></div>
 116 <div style="margin-left: 70px; width: 177px;"></div>
 117 <!-- left and right and margin-right auto (margin-right like 0) -->
 118 <div style="margin-left: 167px; width: 177px;"></div>
 119 <div style="margin-left: 167px; width: 177px;"></div>
 120 <div style="margin-left: 473px; width: 177px;"></div>
 121 <div style="margin-left: 473px; width: 177px;"></div>
 122 <div style="margin-left: 167px; width: 177px;"></div>
 123 <div style="margin-left: 167px; width: 177px;"></div>
 124 <div style="margin-left: 473px; width: 177px;"></div>
 125 <div style="margin-left: 473px; width: 177px;"></div>
 126 <!-- margin-left and margin-right auto -->
 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 <div style="margin-left: 284px; width: 177px;"></div>
 134 <div style="margin-left: 284px; width: 177px;"></div>
 135 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 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 <div style="margin-left: 515px; width: 177px;"></div>
 143 <div style="margin-left: 515px; width: 177px;"></div>
 144 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 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 <div style="margin-left: 53px; width: 177px;"></div>
 152 <div style="margin-left: 53px; width: 177px;"></div>
 153 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 154 <div style="margin-left: 150px; width: 177px;"></div>
 155 <div style="margin-left: 150px; width: 177px;"></div>
 156 <div style="margin-left: 473px; width: 177px;"></div>
 157 <div style="margin-left: 473px; width: 177px;"></div>
 158 <div style="margin-left: 150px; width: 177px;"></div>
 159 <div style="margin-left: 150px; width: 177px;"></div>
 160 <div style="margin-left: 473px; width: 177px;"></div>
 161 <div style="margin-left: 473px; width: 177px;"></div>
 162
 163 <!-- AUTO WIDTH -->
 164
 165 <!-- nothing auto -->
 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 <div style="margin-left: 70px; width: 603px;"></div>
 173 <div style="margin-left: 70px; width: 603px;"></div>
 174 <!-- only left auto -->
 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 <div style="margin-left: 577px; width: 96px;"></div>
 182 <div style="margin-left: 577px; width: 96px;"></div>
 183 <!-- only right auto -->
 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 <div style="margin-left: 70px; width: 96px;"></div>
 191 <div style="margin-left: 70px; width: 96px;"></div>
 192 <!-- left and right auto -->
 193 <div style="margin-left: 167px; width: 96px;"></div>
 194 <div style="margin-left: 167px; width: 96px;"></div>
 195 <div style="margin-left: 535px; width: 96px;"></div>
 196 <div style="margin-left: 535px; width: 96px;"></div>
 197 <div style="margin-left: 167px; width: 96px;"></div>
 198 <div style="margin-left: 167px; width: 96px;"></div>
 199 <div style="margin-left: 535px; width: 96px;"></div>
 200 <div style="margin-left: 535px; width: 96px;"></div>
 201 <!-- only margin-left auto (margin-left like 0) -->
 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 <div style="margin-left: 53px; width: 620px;"></div>
 209 <div style="margin-left: 53px; width: 620px;"></div>
 210 <!-- left and margin-left auto -->
 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 <div style="margin-left: 577px; width: 96px;"></div>
 218 <div style="margin-left: 577px; width: 96px;"></div>
 219 <!-- right and margin-left auto (margin-left like 0) -->
 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 <div style="margin-left: 53px; width: 96px;"></div>
 227 <div style="margin-left: 53px; width: 96px;"></div>
 228 <!-- left and right and margin-left auto (margin-left like 0) -->
 229 <div style="margin-left: 150px; width: 96px;"></div>
 230 <div style="margin-left: 150px; width: 96px;"></div>
 231 <div style="margin-left: 535px; width: 96px;"></div>
 232 <div style="margin-left: 535px; width: 96px;"></div>
 233 <div style="margin-left: 150px; width: 96px;"></div>
 234 <div style="margin-left: 150px; width: 96px;"></div>
 235 <div style="margin-left: 535px; width: 96px;"></div>
 236 <div style="margin-left: 535px; width: 96px;"></div>
 237 <!-- only margin-right auto (margin-right like 0) -->
 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 <div style="margin-left: 70px; width: 622px;"></div>
 245 <div style="margin-left: 70px; width: 622px;"></div>
 246 <!-- left and margin-right auto (margin-right like 0) -->
 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 <div style="margin-left: 596px; width: 96px;"></div>
 254 <div style="margin-left: 596px; width: 96px;"></div>
 255 <!-- right and margin-right auto -->
 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 <div style="margin-left: 70px; width: 96px;"></div>
 263 <div style="margin-left: 70px; width: 96px;"></div>
 264 <!-- left and right and margin-right auto (margin-right like 0) -->
 265 <div style="margin-left: 167px; width: 96px;"></div>
 266 <div style="margin-left: 167px; width: 96px;"></div>
 267 <div style="margin-left: 554px; width: 96px;"></div>
 268 <div style="margin-left: 554px; width: 96px;"></div>
 269 <div style="margin-left: 167px; width: 96px;"></div>
 270 <div style="margin-left: 167px; width: 96px;"></div>
 271 <div style="margin-left: 554px; width: 96px;"></div>
 272 <div style="margin-left: 554px; width: 96px;"></div>
 273 <!-- margin-left and margin-right auto (both like 0) -->
 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 <div style="margin-left: 53px; width: 639px;"></div>
 281 <div style="margin-left: 53px; width: 639px;"></div>
 282 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 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 <div style="margin-left: 596px; width: 96px;"></div>
 290 <div style="margin-left: 596px; width: 96px;"></div>
 291 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 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 <div style="margin-left: 53px; width: 96px;"></div>
 299 <div style="margin-left: 53px; width: 96px;"></div>
 300 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 301 <div style="margin-left: 150px; width: 96px;"></div>
 302 <div style="margin-left: 150px; width: 96px;"></div>
 303 <div style="margin-left: 554px; width: 96px;"></div>
 304 <div style="margin-left: 554px; width: 96px;"></div>
 305 <div style="margin-left: 150px; width: 96px;"></div>
 306 <div style="margin-left: 150px; width: 96px;"></div>
 307 <div style="margin-left: 554px; width: 96px;"></div>
 308 <div style="margin-left: 554px; width: 96px;"></div>
 309
 310 <!-- ***** WIDE WIDTH ***** -->
 311
 312 <!-- nothing auto -->
 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 <div style="margin-left: 70px; width: 684px;"></div>
 320 <div style="margin-left: -11px; width: 684px;"></div>
 321 <!-- only left auto -->
 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 <div style="margin-left: -11px; width: 684px;"></div>
 329 <div style="margin-left: -11px; width: 684px;"></div>
 330 <!-- only right auto -->
 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 <div style="margin-left: 70px; width: 684px;"></div>
 338 <div style="margin-left: 70px; width: 684px;"></div>
 339 <!-- left and right auto -->
 340 <div style="margin-left: 167px; width: 684px;"></div>
 341 <div style="margin-left: 167px; width: 684px;"></div>
 342 <div style="margin-left: -53px; width: 684px;"></div>
 343 <div style="margin-left: -53px; width: 684px;"></div>
 344 <div style="margin-left: 167px; width: 684px;"></div>
 345 <div style="margin-left: 167px; width: 684px;"></div>
 346 <div style="margin-left: -53px; width: 684px;"></div>
 347 <div style="margin-left: -53px; width: 684px;"></div>
 348 <!-- only margin-left auto -->
 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 <div style="margin-left: -11px; width: 684px;"></div>
 356 <div style="margin-left: -11px; width: 684px;"></div>
 357 <!-- left and margin-left auto -->
 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 <div style="margin-left: -11px; width: 684px;"></div>
 365 <div style="margin-left: -11px; width: 684px;"></div>
 366 <!-- right and margin-left auto (margin-left like 0) -->
 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 <div style="margin-left: 53px; width: 684px;"></div>
 374 <div style="margin-left: 53px; width: 684px;"></div>
 375 <!-- left and right and margin-left auto (margin-left like 0) -->
 376 <div style="margin-left: 150px; width: 684px;"></div>
 377 <div style="margin-left: 150px; width: 684px;"></div>
 378 <div style="margin-left: -53px; width: 684px;"></div>
 379 <div style="margin-left: -53px; width: 684px;"></div>
 380 <div style="margin-left: 150px; width: 684px;"></div>
 381 <div style="margin-left: 150px; width: 684px;"></div>
 382 <div style="margin-left: -53px; width: 684px;"></div>
 383 <div style="margin-left: -53px; width: 684px;"></div>
 384 <!-- only margin-right auto -->
 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 <div style="margin-left: 70px; width: 684px;"></div>
 392 <div style="margin-left: 70px; width: 684px;"></div>
 393 <!-- left and margin-right auto (margin-right like 0) -->
 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 <div style="margin-left: 8px; width: 684px;"></div>
 401 <div style="margin-left: 8px; width: 684px;"></div>
 402 <!-- right and margin-right auto -->
 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 <div style="margin-left: 70px; width: 684px;"></div>
 410 <div style="margin-left: 70px; width: 684px;"></div>
 411 <!-- left and right and margin-right auto (margin-right like 0) -->
 412 <div style="margin-left: 167px; width: 684px;"></div>
 413 <div style="margin-left: 167px; width: 684px;"></div>
 414 <div style="margin-left: -34px; width: 684px;"></div>
 415 <div style="margin-left: -34px; width: 684px;"></div>
 416 <div style="margin-left: 167px; width: 684px;"></div>
 417 <div style="margin-left: 167px; width: 684px;"></div>
 418 <div style="margin-left: -34px; width: 684px;"></div>
 419 <div style="margin-left: -34px; width: 684px;"></div>
 420 <!-- margin-left and margin-right auto (alternately like 0) -->
 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 <div style="margin-left: 53px; width: 684px;"></div>
 428 <div style="margin-left: 8px; width: 684px;"></div>
 429 <!-- left and margin-left and margin-right auto (margin-right like 0) -->
 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 <div style="margin-left: 8px; width: 684px;"></div>
 437 <div style="margin-left: 8px; width: 684px;"></div>
 438 <!-- right and margin-left and margin-right auto (margin-left like 0) -->
 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 <div style="margin-left: 53px; width: 684px;"></div>
 446 <div style="margin-left: 53px; width: 684px;"></div>
 447 <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
 448 <div style="margin-left: 150px; width: 684px;"></div>
 449 <div style="margin-left: 150px; width: 684px;"></div>
 450 <div style="margin-left: -34px; width: 684px;"></div>
 451 <div style="margin-left: -34px; width: 684px;"></div>
 452 <div style="margin-left: 150px; width: 684px;"></div>
 453 <div style="margin-left: 150px; width: 684px;"></div>
 454 <div style="margin-left: -34px; width: 684px;"></div>
 455 <div style="margin-left: -34px; width: 684px;"></div>
 456
 457 </body>
 458 </html>