Como preservar o espaço em branco no elemento DOM javascript dinamicamente adicionado sem usar CSS?

Ao adicionar texto com pequenos espaços em branco anexados a ele para fins de alinhamento, o espaço em branco é aparado (o espaço em branco é adicionado em c #, então, no momento em que ele chegar ao JavaScript, ele não poderá ser editado -seria bom usar apenas algumas CSS para fazer isso, mas não é uma opção).

Aqui está o que eu tentei até agora:

<code><div id="testDiv"></div>
<script type="text/javascript">
 var zlp = document.getElementById("testDiv");
 zlp.innerHTML = "hello                hello";
 var zzz = document.createTextNode("hello                hello");
 zlp.appendChild(zzz);
</script>
</code>

Ambos produzemhello hello.

questionAnswers(4)

yourAnswerToTheQuestion