title: How do I add linebreaks in a InnerHTML javascript
body: <p>I was wondering how I could add line breaks  on in something like this. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>document.getElementById("Lyrics").innerHTML = ("Cras sed gravida augue,  in elementum velit. Proin vel libero gravida, luctus elit at, auctor mauris. Morbi ultricies auctor blandit. Praesent eget leo ac ipsum condimentum finibus vitae ac nisi. Suspendisse a nisi sed metus commodo sagittis. Nulla varius aliquam nisi, sit amet mattis elit malesuada ac. Maecenas vulputate massa velit, quis volutpat nunc fringilla quis. Cras eu ex sed erat venenatis rutrum. Suspendisse ac dui metus. Sed cursus sodales quam sed luctus. Pellentesque magna quam, vulputate non nulla eget, aliquam ultricies lacus. Maecenas vehicula id quam a interdum. Donec laoreet nec mauris at bibendum. Donec molestie condimentum ullamcorper. ");</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'm doing this for a beginner school project so I'm planning on putting lyrics instead. </p>