abspos-negative-margin-001.html (734B)
1 <!DOCTYPE html> 2 <title>CSS Test: Absolutely positioned object in a negative margin box</title> 3 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 4 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#comp-abspos"> 5 <link rel="match" href="abspos-negative-margin-001-ref.html"> 6 <style> 7 html { 8 font-size: 10px; 9 line-height: 1; 10 } 11 .abspos { 12 position:absolute; 13 width: 10px; 14 height: 10px; 15 background: blue; 16 } 17 </style> 18 <body> 19 <div> 20 <span> 21 <span style="margin-right: -10px;"> 22 x<span class="abspos"></span> 23 </span> 24 </span> 25 </div> 26 <div> 27 <span> 28 <span style="margin-right: -10px;"> 29 x<div class="abspos"></div> 30 </span> 31 </span> 32 </div> 33 </body>