title: Adding input to div
body: <p>So I'm trying to create my own To Do list just to learn javascript and I'm stuck.</p>
  
  <p>I've managed to add a new div with the input that the user writes, but there's no design. </p>
  
  <pre><code>&lt;div class="isDo"&gt; // HTML code
    &lt;p id="newTask"&gt;Task 1&lt;/p&gt;
    &lt;hr&gt;
  &lt;/div&gt;
  
  function addTask() { // JavaScript Code
    var div = document.createElement("div");
    var taskAdd = document.getElementById("taskAdd").value;
  
    div.innerHTML = taskAdd;
  
    document.getElementsByClassName("isDo")[0].appendChild(div);
  }
  </code></pre>
  
  <p>When I used append paragraph instead of div it the design works, but I want to ad an <code>&lt;hr&gt;</code> tag for each input value.</p>
  
  <p>What way can I add an entire div with paragraph and hr tag?</p>