html <br> and innerHTML problem

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.