换行TextNode javascript？

Question

我正在开展一个简单的项目，由于某些原因这个项目很难实现。首先让我告诉你我现在得到的结果;它只是这个：

莱斯特城vs曼联 - 9月21日14:30

现在，我希望将日期和时间放在一个单独的行上，但是，我尝试过的每一种方式都让我失望，包括\ n，
，document.createElement（＆＃34; br＆＃34;）和一些unicode字符。这一次，我真的碰到了一堵砖墙。欢迎任何帮助。

p.s。：我只进入编程的第3个月

这是我的代码：

function listEvents(feedRoot) {
  var entries = feedRoot.feed.getEntries();
  var eventDiv = document.getElementById('events');
  if (eventDiv.childNodes.length > 0) {
    eventDiv.removeChild(eventDiv.childNodes[0]);
  }   
  var ul = document.createElement('p');
  var len = entries.length;
  for (var i = 0; i < len; i++) {
    var entry = entries[i];
    var title = entry.getTitle().getText();
    var startDateTime = null;
    var startJSDate = null;
    var times = entry.getTimes();
    if (times.length > 0) {
      startDateTime = times[0].getStartTime();
      startJSDate = startDateTime.getDate();
    }
    var entryLinkHref = null;
    if (entry.getHtmlLink() != null) {
      entryLinkHref = entry.getHtmlLink().getHref();
    }
    var dateString = (startJSDate.getMonth() + 1) + "/" + startJSDate.getDate();
    if (!startDateTime.isDateOnly()) {
      dateString += " " + startJSDate.getHours() + ":" + 
          padNumber(startJSDate.getMinutes());
    }
    var li = document.createElement('article');

    if (entryLinkHref != null) {
      entryLink = document.createElement('a');
      entryLink.setAttribute('href', entryLinkHref);
      entryLink.appendChild(document.createTextNode(title));
      li.appendChild(entryLink);
      li.appendChild(document.createTextNode(' - ' + dateString));

    } else {
      li.appendChild(document.createTextNode(title + ' - ' + dateString));
    }       

    ul.appendChild(li);

  }
  eventDiv.appendChild(ul);
}