block-in-inline-insert-019.html (1068B)
1 <!DOCTYPE html> 2 <meta name="assert" content="Test inserting an inline child in the middle of blocks-in-inline"> 3 <link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level"> 4 <link ref="match" href="block-in-inline-insert-019-ref.html"> 5 <link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> 6 <body> 7 <!-- Insert a span in the middle of blocks-in-inline --> 8 <section> 9 <span> 10 <div>1</div> 11 <div class="before">3</div> 12 </span> 13 </section> 14 <!-- Insert a span before a block-in-inline --> 15 <section> 16 <span> 17 <div class="before">3</div> 18 <div>4</div> 19 </span> 20 </section> 21 <!-- Check it works in multicol container --> 22 <section style="columns: 1"> 23 <span> 24 <div>1</div> 25 <div class="before">3</div> 26 </span> 27 </section> 28 <script> 29 (function () { 30 document.body.offsetTop; 31 for (const before of document.getElementsByClassName('before')) { 32 const span = document.createElement('span'); 33 span.textContent = '2'; 34 before.before(span); 35 } 36 })(); 37 </script> 38 </body>