HTML and innerHTML

Question

I have some content like this

var p =  

 I myself
 Abhimanyu Singh
 Yadav

when I m trying to insert into as innerHTML to some div the whole content appears in one line. I'm using <pre> tag to avoid this problem. But need some appropriate solution.

Answer 1

You can replace the new line characters with html BR elements (<br />):

document.getElementById('myDiv').innerHTML = p.replace(/\n/g, '<br />');

Answer 2

var p = "i myself<br />Abhimanyu Singh<br />Yadav";

updated to make andrew happy. a still non-semantic answer that is more semantic.