Come inserire il testo di una nuova riga nel popup

Sto usando Leaflet Marker Cluster e devo mostrare cinque diverse righe in un popup. Ma quando scrivo questo, sono tutti nella stessa riga. Qualcuno può aiutarmi a essere uno sotto l'altro?

var a = addressPoints[i];
            var title = a[2];
            var univ = a[3];
            var direct = a[4];
            var city = a[5];
            var state = a[6];
            var marker = new L.Marker(new L.LatLng(a[0], a[1]), { title: title } );
            marker.bindPopup("Student: " + title + "University: " + univ + "Direction: " + direct + "City: " + city + "State: " + state);
            markers.addLayer(marker);
        }

    map.addLayer(markers);

Come afferma la documentazione del volantino, Marker#bindPopupaccetta una stringa HTML come primo parametro.

Se vuoi che le tue linee appaiano su linee diverse, devi aggiungere il markup HTML corretto. Nel tuo caso, un elenco di definizioni sembra il più pertinente.

Quindi:

var list = "<dl><dt>Student</dt>"
           + "<dd>" + title + "</dd>"
           + "<dt>University</dt>"
           + "<dd>" + univ + "</dd>"
           + …

marker.bindPopup(list);