negative-margin-001-ref.html (459B)
1 <!DOCTYPE html> 2 <style> 3 html, body { 4 margin: 0; 5 } 6 html { 7 margin-left: 10px; 8 } 9 outer { 10 display: block; 11 border: blue 10px solid; 12 width: 100px; 13 } 14 inner { 15 display: block; 16 border: orange 10px solid; 17 margin-left: -20px; 18 margin-right: -50px; 19 height: 10px; 20 } 21 </style> 22 <body> 23 <outer> 24 <inner></inner> 25 </outer> 26 <outer> 27 <inner></inner> 28 </outer> 29 <outer> 30 <inner></inner> 31 </outer> 32 <outer> 33 <inner></inner> 34 </outer> 35 </body>