在我的网页上显示前导空格

Question

我有一个简单的网页，我用JS函数动态添加新的文本元素。但是我希望显示的文本保留其前导空格（因此我可以使用受控缩进打印多行）。它目前没有它呈现（我仍然可以在检查器中看到它）。这是我的消息添加功能:(第一个参数是CSS提示）

function printMessage(cls, text){
    var cont = document.getElementById('container');
    cont.insertAdjacentHTML('beforeend', '<div class="' + cls + '">' + text + '</div>');
    window.scrollTo(0,document.body.scrollHeight);
}

典型的通话可能是printMessage('help', ' Type help to get help');。第二个参数中的两个前导空格未显示。有线索吗？