Cara memasukkan teks baris baru di popup

Saya menggunakan Leaflet Marker Cluster dan saya perlu menunjukkan lima baris berbeda dalam sebuah popup. Tetapi ketika saya menulis ini, mereka semua berada di baris yang sama. Bisakah seseorang membantu saya menjadi satu di bawah yang lain?

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

Seperti yang dinyatakan oleh dokumentasi Leaflet , Marker#bindPopupambil string HTML sebagai parameter pertama.

Jika Anda ingin baris Anda muncul di baris yang berbeda, Anda perlu menambahkan markup HTML yang tepat. Dalam kasus Anda, daftar definisi tampaknya paling relevan.

Karenanya:

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

marker.bindPopup(list);