abspos-block-level-001.html (1052B)
1 <!DOCTYPE html> 2 <title>CSS Test: Static positions of block-level absolutely positioned objects</title> 3 <link rel="help" href="https://drafts.csswg.org/css2/visudet.html#static-position"> 4 <link rel="match" href="abspos-block-level-001-ref.html"> 5 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 6 <style> 7 .rtl { 8 direction: rtl 9 } 10 .absolute { 11 position: absolute; 12 } 13 .red { 14 color: red; 15 padding: 0 1ch; 16 } 17 .green { 18 background-color: lime; 19 padding: 0 1ch; 20 } 21 </style> 22 <body> 23 <div> 24 <div class="absolute green">Block-level abspos before inline content</div> 25 <span class="red">Inline content</span> 26 </div> 27 <div> 28 <span>Inline content</span> 29 <div class=absolute>Block-level abspos after inline content</div> 30 </div> 31 <br> 32 <div class=rtl> 33 <div class="absolute green">Block-level abspos before inline content</div> 34 <span class="red">Inline content</span> 35 </div> 36 <div class=rtl> 37 <span>Inline content</span> 38 <div class=absolute>Block-level abspos after inline content</div> 39 </div> 40 </body>