add-inline-child-after-marker-002.html (860B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Lists: Add inline child after marker</title> 4 <link rel=help href="https://www.w3.org/TR/CSS22/generate.html#lists"> 5 <link rel=match href="add-inline-child-after-marker-002-ref.html"> 6 <!-- https://bugs.chromium.org/p/chromium/issues/detail?id=1049633 --> 7 8 <p>The test passes if you see the list marker followed by the text "axxx" in the same line.</p> 9 10 <ul> 11 <li id="liTarget"> 12 <div id="divTarget" style="overflow:hidden;"> 13 <span>a</span>xxx 14 </div> 15 </li> 16 </ul> 17 <script> 18 document.body.offsetHeight; 19 var new_span=document.createElement("span"); 20 var text_node=document.createTextNode(" "); 21 new_span.appendChild(text_node); 22 23 var div_target=document.getElementById("divTarget"); 24 var li_target=document.getElementById("liTarget"); 25 li_target.insertBefore(new_span,div_target); 26 </script>