Смещение элементов списка
 

Здравствуйте! После вставки элементов в список, они почему то не на одном уровне. В чем причина?

Код вставки:

<ul>
      <li>1</li>
      <li>2</li>
</ul>      
        
<script>var li = document.body.children[1];
            
 li.insertAdjacentHTML("afterEnd", "<li>3</li><li>4</li><li>5</li>");
</script>

Скриншот:

document.body.children[1];

Это не li, а script. После него и вставляет.

Действительно. Большое спасибо!