How to preserve whitespace in dynamically added javascript DOM element without using CSS?

Question

When adding in text with small whitespace appended to it for alignment purposes the whitespace is trimmed off (the whitespace is added in c# so by the time it gets to front

Answer 1

White space is collapsed in HTML. It's not a JS issue, the same would happen if you typed that manually in the HTML document. You need to replace the spaces with  

zlp.innerHTML = "hello                hello".replace( / /g, " " );