title: Security: How '<div id="t">t</div>' is different from 't'?
body: <p>I read that 'It is not recommended you use insertAdjacentHTML() when inserting plain text' <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/insertAdjacentHTML" rel="nofollow noreferrer"> here </a>.<br>
  I do see those tags which differentiate a plain text from tags+text+tags combination.   </p>
  
  <p>Is it safe to use <code>insertAdjacentHTML()</code> method to add a <code>sibling with text</code>  to an element. This is what I am trying to do:</p>
  
  <pre><code>&lt;div id="one"&gt;&lt;/div&gt;
  #adding a sibling to above div with text
  
  &lt;div id="one"&gt;&lt;/div&gt;
  &lt;div id="two"&gt;text here&lt;/div&gt;
  </code></pre>
  
  <p>Any advice would be helpful. </p>