Ejercicio : La Receta de Armando , y tengo una duda

Buenas comparto mi ejercicio :

<meta charset="UTF-8">

<h1>Recetas de Armando</h1>

<script>

    var lista = [];
    var cantidad = parseInt(prompt("Buenas, ¿Cuántos ingredientes vas a añadir?"));
    var contador = 1;

    while (contador <= cantidad) {

        var ingrediente = prompt("Informe el ingrediente " + contador + " :");
        console.log(ingrediente);
        var repetido = false; 

        for (var posicion = 0 ; posicion < lista.length ; posicion++) {

            if (ingrediente == lista[posicion]) {

                repetido = true;
                alert("Disculpe, el ingrediente " + lista[posicion] + " ya fue ingresado.");
                break;
            }

        }

        if (repetido == false) {

            lista.push(ingrediente);
            contador++;
        }
    }

alert("Ingredientes: " + lista);

console.log(lista);

</script>

Bien hasta ahi ok, ahora tengo una duda. Como hago para que al final cuando me muestra la lista de ingredientes estos aparezcan por ejemplo uno abajo del otro, o con un guion o un espacio, por que asi como esta me tira todo junto sin espacios. Si alguien sabe le agradezco.

Gracias!