title: How to insert a javascript textNode element on a newline
body: <p>I insert several textNodes in javascript, and can't figure out how to separate them with carriage returns.  I've tried putting "\n", "\r", and "<br>" but none of them work</p>
  
  <pre><code>var textNode = document.createTextNode("Node on line 1");
  element.appendChild(textNode);
  
  textNode = document.createTextNode("Node on line 2");
  element.appendChild(textNode);
  </code></pre>
  
  <p>I want this to appear as:</p>
  
  <p>Node on line 1</p>
  
  <p>Node on line 2</p>
  
  <p>NOT</p>
  
  <p>Node on line 1Node on line2</p>
  
  <p>Any tips on how I can accomplish this ?</p>