Как сохранить пробелы в динамически добавленном элементе DOM JavaScript без использования CSS?

При добавлении текста с небольшими пробелами, добавляемыми к нему для выравнивания, пробел обрезается (пробел добавляется в c #, поэтому к моменту, когда он попадает в интерфейс Javascript, его нельзя редактировать -it would be nice to just use some CSS to do this but it is not an option).

Вот что я попробовал до сих пор:

<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>

Оба из которых производятhello hello.

Ответы на вопрос(4)

Ваш ответ на вопрос