¿Cómo conservar los espacios en blanco en el elemento DOM de javascript agregado dinámicamente sin usar CSS?

Cuando se agrega texto con un espacio en blanco pequeño agregado para fines de alineación, el espacio en blanco se recorta (el espacio en blanco se agrega en c #, por lo que en el momento en que llega a la parte frontal de Javascript no se puede editar -Sería bueno usar solo CSS para hacer esto, pero no es una opción).

Aquí está lo que he intentado hasta ahora:

<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 de los cuales producenhello hello.

Respuestas a la pregunta(4)

Su respuesta a la pregunta