summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht')
-rw-r--r--testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht606
1 files changed, 606 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht
new file mode 100644
index 0000000000..7f67289e26
--- /dev/null
+++ b/testing/web-platform/tests/css/CSS2/csswg-issues/submitted/css2.1/abspos-replaced-width-margin-000-ref.xht
@@ -0,0 +1,606 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+<title>CSS Test Reference</title>
+<link rel="author" title="L. David Baron" href="https://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>
generated by cgit v1.2.3 (git 2.39.1) at 2024-07-28 14:09:18 +0000