diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
tree | f435a8308119effd964b339f76abb83a57c29483 /layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html')
-rw-r--r-- | layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html | 604 |
1 files changed, 604 insertions, 0 deletions
diff --git a/layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html b/layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html new file mode 100644 index 0000000000..38aed2c96e --- /dev/null +++ b/layout/reftests/box-properties/abspos-replaced-width-offset-margin-ref.html @@ -0,0 +1,604 @@ +<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html401/strict.dtd"> +<html> +<head> +<title>Test, CSS 2.1, section 10.3.8</title> +<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; margin-right: 19px; } + +</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> |