606 lines
30 KiB
HTML
606 lines
30 KiB
HTML
<!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> |