abspos-inline-008.xht (776B)
1 <!DOCTYPE HTML> 2 <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>CSS Test: Absolutely positioned descendant under relative positioned inline with negative offset</title> 5 <link rel="author" title="Tien-Ren Chen" href="mailto:trchen@chromium.org"/> 6 <link rel="help" href="https://www.w3.org/TR/CSS2/visudet.html#abs-non-replaced-width"/> 7 <link rel="match" href="../../reference/ref-filled-green-100px-square-only.html"/> 8 </head> 9 <body> 10 <p>Test passes if there is a filled green square.</p> 11 <div style="position:relative; left:100px; width:100px;"> 12 <span style="position:relative; left:-100px;"> 13 <div style="position:absolute; display:inline-block; width:100px; height:100px; background:green;"></div> 14 </span> 15 </div> 16 </body> 17 </html>