O javaScript, não imprime espaços vazios ?

Estou tentando fazer aquele famoso exercício de usar o for para fazer um trinagulo com asteriscos (*) porem quando tento imprimir um document.write vazio todos os ( *) se alinham em uma unica cola, já quando eu imprimo com algum valor o resultado esperado aparece, segue em exemplo o código.

<meta charset="UFT-8">

<script>
    function pulaLinha() {
        document.write("<br>")
    }

    function mostra(parametroMostra) {
        document.write(parametroMostra);
        pulaLinha();
    }

    for (var linha = 0; linha <= 10; linha++) {
        for (var coluna = 0; coluna <= 10; coluna++) {
            if (linha == coluna) {
                document.write("7");
            } else {
                document.write("*");
            }
        }
        pulaLinha();
    }
</script>