Linha quebra em XML? [duplicado

Esta pergunta já tem uma resposta aqui:

Sou iniciante em desenvolvimento web e estou tentando inserir quebras de linha no meu arquivo XML. É assim que meu XML se parece:

<musicpage>
   <song>
      <title>Song Title</title>
      <lyric>Lyrics</lyric>
   </song>

    <song>
      <title>Song Title</title>
      <lyric>Lyrics</lyric>
   </song>

    <song>
      <title>Song Title</title>
      <lyric>Lyrics</lyric>
   </song>

    <song>
      <title>Song Title</title>
      <lyric>Lyrics</lyric>
   </song>
</musicpage>

Quero ter quebras de linha entre as frases da letra. Eu tentei de tudo, desde / n, e outros códigos semelhantes, análise de PHP, etc., e nada funciona! Estão pesquisando on-line há horas e parece que não conseguem encontrar a resposta. Estou usando o XML para inserir dados em uma página HTML usando Javascript.

Alguém sabe como resolver esse problema

E este é o código JS que usei para inserir os dados XML na página HTML:

<script type="text/javascript">

    if (window.XMLHttpRequest) {
    xhttp=new XMLHttpRequest();
} else {
    xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET","xml/musicpage_lyrics.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;

var x=xmlDoc.getElementsByTagName("songs");
for (i=0;i<x.length;i++) {
    document.write("<p class='msg_head'>");
    document.write(x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue);
    document.write("</p><p class='msg_body'>");
    document.write(x[i].getElementsByTagName("lyric")[0].childNodes[0].nodeValue);
    document.write("</p>");
}
</script>