Контент RSS-канала переполняется div

Я пытаюсь отформатировать RSS-канал с сайта блоггера для отображения на моем личном сайте. Когда я пытаюсь отобразить содержимое записи, оно выходит за пределы страницы.

Вот код моего контроллера:

                var container = document.getElementById("newsFeed");
                $rootScope.newsEntries = result.feed.entries;
                for (var i = 0; i < result.feed.entries.length; i++) {
                    var entry = result.feed.entries[i];
                    var div = document.createElement("div");
                    var title = document.createElement("h3");
                    title.appendChild(document.createTextNode(entry.title));
                    var content = document.createElement("div");
                    content.innerHTML = entry.content;
                    content.style.width = "100%";
                    content.style.height = "auto";
                    div.appendChild(title);
                    div.appendChild(content);
                    div.appendChild(document.createElement("br"));
                    container.appendChild(div);

в html для этого просто есть div, "newsFeed"

Нужно ли мне вручную анализировать содержимое или я могу правильно отформатировать его с помощью CSS? Я попытался отрегулировать ширину div, установить отображение на «блок» и установить случай переполнения, но, похоже, ничего не меняет способ отображения текста.