| <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> |
| <html> |
| <head> |
| <title>CSS Test Reference</title> |
| <link rel="author" title="L. David Baron" href="http://dbaron.org/"> |
| <link rel="alternate" href="http://mxr.mozilla.org/mozilla-central/source/layout/reftests/abspos-replaced-width-offset-margin-ref.html"> |
| <style type="text/css"> |
| |
| html, body { margin: 0; padding: 0; border: none; } |
| div { height: 1px; background: blue; |
| border-left: 7px solid navy; border-right: 17px solid navy; } |
| |
| </style> |
| </head> |
| <body> |
| |
| <!-- ***** WIDE WIDTH ***** --> |
| |
| <!-- nothing auto --> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <!-- only left auto --> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <!-- only right auto --> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <!-- left and right auto --> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <!-- only margin-left auto --> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <!-- left and margin-left auto --> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <!-- right and margin-left auto (margin-left like 0) --> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <!-- left and right and margin-left auto (margin-left like 0) --> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <!-- only margin-right auto --> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <!-- left and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <!-- right and margin-right auto --> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <!-- left and right and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <!-- margin-left and margin-right auto (alternately like 0) --> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <!-- left and margin-left and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <!-- right and margin-left and margin-right auto (margin-left like 0) --> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| |
| <!-- ***** NARROW WIDTH ***** --> |
| |
| <!-- nothing auto --> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <!-- only left auto --> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <!-- only right auto --> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <!-- left and right auto --> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <!-- only margin-left auto --> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <!-- left and margin-left auto --> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <!-- right and margin-left auto (margin-left like 0) --> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <!-- left and right and margin-left auto (margin-left like 0) --> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <!-- only margin-right auto --> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <!-- left and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <!-- right and margin-right auto --> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <!-- left and right and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <!-- margin-left and margin-right auto --> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <!-- left and margin-left and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <!-- right and margin-left and margin-right auto (margin-left like 0) --> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| |
| <!-- ***** NARROW WIDTH ***** --> |
| |
| <!-- nothing auto --> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <!-- only left auto --> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <!-- only right auto --> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <!-- left and right auto --> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <!-- only margin-left auto --> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <!-- left and margin-left auto --> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <div style="margin-left: 496px; width: 153px;"></div> |
| <!-- right and margin-left auto (margin-left like 0) --> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <!-- left and right and margin-left auto (margin-left like 0) --> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <div style="margin-left: 454px; width: 153px;"></div> |
| <!-- only margin-right auto --> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <!-- left and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <!-- right and margin-right auto --> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <div style="margin-left: 70px; width: 153px;"></div> |
| <!-- left and right and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 167px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <!-- margin-left and margin-right auto --> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <div style="margin-left: 284px; width: 153px;"></div> |
| <!-- left and margin-left and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <div style="margin-left: 515px; width: 153px;"></div> |
| <!-- right and margin-left and margin-right auto (margin-left like 0) --> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <div style="margin-left: 53px; width: 153px;"></div> |
| <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 150px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| <div style="margin-left: 473px; width: 153px;"></div> |
| |
| <!-- ***** WIDE WIDTH ***** --> |
| |
| <!-- nothing auto --> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <!-- only left auto --> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <!-- only right auto --> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <!-- left and right auto --> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <!-- only margin-left auto --> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <!-- left and margin-left auto --> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <div style="margin-left: -11px; width: 660px;"></div> |
| <!-- right and margin-left auto (margin-left like 0) --> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <!-- left and right and margin-left auto (margin-left like 0) --> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <div style="margin-left: -53px; width: 660px;"></div> |
| <!-- only margin-right auto --> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <!-- left and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <!-- right and margin-right auto --> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <div style="margin-left: 70px; width: 660px;"></div> |
| <!-- left and right and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: 167px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <!-- margin-left and margin-right auto (alternately like 0) --> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <!-- left and margin-left and margin-right auto (margin-right like 0) --> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <div style="margin-left: 8px; width: 660px;"></div> |
| <!-- right and margin-left and margin-right auto (margin-left like 0) --> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <div style="margin-left: 53px; width: 660px;"></div> |
| <!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) --> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: 150px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| <div style="margin-left: -34px; width: 660px;"></div> |
| |
| </body> |
| </html> |
