gecko-dev/layout/reftests/box-properties/abspos-non-replaced-width-offset-margin-ref.html

484 lines
24 KiB
HTML

<!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.7</title>
<style type="text/css">
html, body { margin: 0; padding: 0; border: none; }
div { height: 1px; background: navy; }
</style>
</head>
<body>
<!--
Differences between CSS 2.1 and this reference:
1. it incorporates proposal in
http://lists.w3.org/Archives/Public/www-style/2008Feb/0224.html
2. it ignores single 'auto' margins (one side only) when they should
become negative; this is a bug that we should fix:
https://bugzilla.mozilla.org/show_bug.cgi?id=419100
-->
<!-- ***** NARROW WIDTH ***** -->
<!-- nothing auto -->
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<!-- only left auto -->
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<!-- only right auto -->
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<!-- left and right auto -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 167px; width: 177px;"></div>
<div style="margin-left: 167px; width: 177px;"></div>
<div style="margin-left: 454px; width: 177px;"></div>
<div style="margin-left: 454px; width: 177px;"></div>
<div style="margin-left: 167px; width: 177px;"></div>
<div style="margin-left: 167px; width: 177px;"></div>
<div style="margin-left: 454px; width: 177px;"></div>
<div style="margin-left: 454px; width: 177px;"></div>
<!-- only margin-left auto -->
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<!-- left and margin-left auto -->
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<div style="margin-left: 496px; width: 177px;"></div>
<!-- right and margin-left auto (margin-left like 0) -->
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<!-- left and right and margin-left auto (margin-left like 0) -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 150px; width: 177px;"></div>
<div style="margin-left: 150px; width: 177px;"></div>
<div style="margin-left: 454px; width: 177px;"></div>
<div style="margin-left: 454px; width: 177px;"></div>
<div style="margin-left: 150px; width: 177px;"></div>
<div style="margin-left: 150px; width: 177px;"></div>
<div style="margin-left: 454px; width: 177px;"></div>
<div style="margin-left: 454px; width: 177px;"></div>
<!-- only margin-right auto -->
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<!-- left and margin-right auto (margin-right like 0) -->
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<!-- right and margin-right auto -->
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<div style="margin-left: 70px; width: 177px;"></div>
<!-- left and right and margin-right auto (margin-right like 0) -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 167px; width: 177px;"></div>
<div style="margin-left: 167px; width: 177px;"></div>
<div style="margin-left: 473px; width: 177px;"></div>
<div style="margin-left: 473px; width: 177px;"></div>
<div style="margin-left: 167px; width: 177px;"></div>
<div style="margin-left: 167px; width: 177px;"></div>
<div style="margin-left: 473px; width: 177px;"></div>
<div style="margin-left: 473px; width: 177px;"></div>
<!-- margin-left and margin-right auto -->
<div style="margin-left: 284px; width: 177px;"></div>
<div style="margin-left: 284px; width: 177px;"></div>
<div style="margin-left: 284px; width: 177px;"></div>
<div style="margin-left: 284px; width: 177px;"></div>
<div style="margin-left: 284px; width: 177px;"></div>
<div style="margin-left: 284px; width: 177px;"></div>
<div style="margin-left: 284px; width: 177px;"></div>
<div style="margin-left: 284px; width: 177px;"></div>
<!-- left and margin-left and margin-right auto (margin-right like 0) -->
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<div style="margin-left: 515px; width: 177px;"></div>
<!-- right and margin-left and margin-right auto (margin-left like 0) -->
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<div style="margin-left: 53px; width: 177px;"></div>
<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 150px; width: 177px;"></div>
<div style="margin-left: 150px; width: 177px;"></div>
<div style="margin-left: 473px; width: 177px;"></div>
<div style="margin-left: 473px; width: 177px;"></div>
<div style="margin-left: 150px; width: 177px;"></div>
<div style="margin-left: 150px; width: 177px;"></div>
<div style="margin-left: 473px; width: 177px;"></div>
<div style="margin-left: 473px; width: 177px;"></div>
<!-- AUTO WIDTH -->
<!-- nothing auto -->
<div style="margin-left: 70px; width: 603px;"></div>
<div style="margin-left: 70px; width: 603px;"></div>
<div style="margin-left: 70px; width: 603px;"></div>
<div style="margin-left: 70px; width: 603px;"></div>
<div style="margin-left: 70px; width: 603px;"></div>
<div style="margin-left: 70px; width: 603px;"></div>
<div style="margin-left: 70px; width: 603px;"></div>
<div style="margin-left: 70px; width: 603px;"></div>
<!-- only left auto -->
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<!-- only right auto -->
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<!-- left and right auto -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 167px; width: 96px;"></div>
<div style="margin-left: 167px; width: 96px;"></div>
<div style="margin-left: 535px; width: 96px;"></div>
<div style="margin-left: 535px; width: 96px;"></div>
<div style="margin-left: 167px; width: 96px;"></div>
<div style="margin-left: 167px; width: 96px;"></div>
<div style="margin-left: 535px; width: 96px;"></div>
<div style="margin-left: 535px; width: 96px;"></div>
<!-- only margin-left auto (margin-left like 0) -->
<div style="margin-left: 53px; width: 620px;"></div>
<div style="margin-left: 53px; width: 620px;"></div>
<div style="margin-left: 53px; width: 620px;"></div>
<div style="margin-left: 53px; width: 620px;"></div>
<div style="margin-left: 53px; width: 620px;"></div>
<div style="margin-left: 53px; width: 620px;"></div>
<div style="margin-left: 53px; width: 620px;"></div>
<div style="margin-left: 53px; width: 620px;"></div>
<!-- left and margin-left auto -->
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<div style="margin-left: 577px; width: 96px;"></div>
<!-- right and margin-left auto (margin-left like 0) -->
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<!-- left and right and margin-left auto (margin-left like 0) -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 150px; width: 96px;"></div>
<div style="margin-left: 150px; width: 96px;"></div>
<div style="margin-left: 535px; width: 96px;"></div>
<div style="margin-left: 535px; width: 96px;"></div>
<div style="margin-left: 150px; width: 96px;"></div>
<div style="margin-left: 150px; width: 96px;"></div>
<div style="margin-left: 535px; width: 96px;"></div>
<div style="margin-left: 535px; width: 96px;"></div>
<!-- only margin-right auto (margin-right like 0) -->
<div style="margin-left: 70px; width: 622px;"></div>
<div style="margin-left: 70px; width: 622px;"></div>
<div style="margin-left: 70px; width: 622px;"></div>
<div style="margin-left: 70px; width: 622px;"></div>
<div style="margin-left: 70px; width: 622px;"></div>
<div style="margin-left: 70px; width: 622px;"></div>
<div style="margin-left: 70px; width: 622px;"></div>
<div style="margin-left: 70px; width: 622px;"></div>
<!-- left and margin-right auto (margin-right like 0) -->
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<!-- right and margin-right auto -->
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<div style="margin-left: 70px; width: 96px;"></div>
<!-- left and right and margin-right auto (margin-right like 0) -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 167px; width: 96px;"></div>
<div style="margin-left: 167px; width: 96px;"></div>
<div style="margin-left: 554px; width: 96px;"></div>
<div style="margin-left: 554px; width: 96px;"></div>
<div style="margin-left: 167px; width: 96px;"></div>
<div style="margin-left: 167px; width: 96px;"></div>
<div style="margin-left: 554px; width: 96px;"></div>
<div style="margin-left: 554px; width: 96px;"></div>
<!-- margin-left and margin-right auto (both like 0) -->
<div style="margin-left: 53px; width: 639px;"></div>
<div style="margin-left: 53px; width: 639px;"></div>
<div style="margin-left: 53px; width: 639px;"></div>
<div style="margin-left: 53px; width: 639px;"></div>
<div style="margin-left: 53px; width: 639px;"></div>
<div style="margin-left: 53px; width: 639px;"></div>
<div style="margin-left: 53px; width: 639px;"></div>
<div style="margin-left: 53px; width: 639px;"></div>
<!-- left and margin-left and margin-right auto (margin-right like 0) -->
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<div style="margin-left: 596px; width: 96px;"></div>
<!-- right and margin-left and margin-right auto (margin-left like 0) -->
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<div style="margin-left: 53px; width: 96px;"></div>
<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 150px; width: 96px;"></div>
<div style="margin-left: 150px; width: 96px;"></div>
<div style="margin-left: 554px; width: 96px;"></div>
<div style="margin-left: 554px; width: 96px;"></div>
<div style="margin-left: 150px; width: 96px;"></div>
<div style="margin-left: 150px; width: 96px;"></div>
<div style="margin-left: 554px; width: 96px;"></div>
<div style="margin-left: 554px; width: 96px;"></div>
<!-- ***** WIDE WIDTH ***** -->
<!-- nothing auto -->
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<!-- only left auto -->
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<!-- only right auto -->
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<!-- left and right auto -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 167px; width: 684px;"></div>
<div style="margin-left: 167px; width: 684px;"></div>
<div style="margin-left: -53px; width: 684px;"></div>
<div style="margin-left: -53px; width: 684px;"></div>
<div style="margin-left: 167px; width: 684px;"></div>
<div style="margin-left: 167px; width: 684px;"></div>
<div style="margin-left: -53px; width: 684px;"></div>
<div style="margin-left: -53px; width: 684px;"></div>
<!-- only margin-left auto -->
<!-- THIS SET AFFECTED BY CHANGE (2) FROM CSS 2.1 SPEC -->
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<!-- left and margin-left auto -->
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<div style="margin-left: -11px; width: 684px;"></div>
<!-- right and margin-left auto (margin-left like 0) -->
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<!-- left and right and margin-left auto (margin-left like 0) -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 150px; width: 684px;"></div>
<div style="margin-left: 150px; width: 684px;"></div>
<div style="margin-left: -53px; width: 684px;"></div>
<div style="margin-left: -53px; width: 684px;"></div>
<div style="margin-left: 150px; width: 684px;"></div>
<div style="margin-left: 150px; width: 684px;"></div>
<div style="margin-left: -53px; width: 684px;"></div>
<div style="margin-left: -53px; width: 684px;"></div>
<!-- only margin-right auto -->
<!-- THIS SET AFFECTED BY CHANGE (2) FROM CSS 2.1 SPEC -->
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<!-- left and margin-right auto (margin-right like 0) -->
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<!-- right and margin-right auto -->
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<div style="margin-left: 70px; width: 684px;"></div>
<!-- left and right and margin-right auto (margin-right like 0) -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 167px; width: 684px;"></div>
<div style="margin-left: 167px; width: 684px;"></div>
<div style="margin-left: -34px; width: 684px;"></div>
<div style="margin-left: -34px; width: 684px;"></div>
<div style="margin-left: 167px; width: 684px;"></div>
<div style="margin-left: 167px; width: 684px;"></div>
<div style="margin-left: -34px; width: 684px;"></div>
<div style="margin-left: -34px; width: 684px;"></div>
<!-- margin-left and margin-right auto (alternately like 0) -->
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<!-- left and margin-left and margin-right auto (margin-right like 0) -->
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<div style="margin-left: 8px; width: 684px;"></div>
<!-- right and margin-left and margin-right auto (margin-left like 0) -->
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<div style="margin-left: 53px; width: 684px;"></div>
<!-- left and right and margin-left and margin-right auto (margin-left and margin-right like 0) -->
<!-- THIS SET AFFECTED BY CHANGE (1) FROM CSS 2.1 SPEC -->
<div style="margin-left: 150px; width: 684px;"></div>
<div style="margin-left: 150px; width: 684px;"></div>
<div style="margin-left: -34px; width: 684px;"></div>
<div style="margin-left: -34px; width: 684px;"></div>
<div style="margin-left: 150px; width: 684px;"></div>
<div style="margin-left: 150px; width: 684px;"></div>
<div style="margin-left: -34px; width: 684px;"></div>
<div style="margin-left: -34px; width: 684px;"></div>
</body>
</html>