html - p 标签中的文本不会换行

Question

请看下面的图片：

这是有问题的代码：

<div class="excerpt">
 <p>Manual para la descarga e instalación de los contenidos digitales del Proyecto Canaima&nbsp;Educativo,&nbsp;conformado&nbsp;por&nbsp;recursos&nbsp;de&nbsp;aprendizaje&nbsp;que&nbsp;buscan&nbsp;impulsar&nbsp;la&nbsp;interacción&nbsp;entre&nbsp;el[...]</p>
</div>

出于某种奇怪的原因，文本出现在右侧列的顶部。我尝试将所有参与元素的高度更改为 1000 像素，但它们仍然重叠！

编辑：问题最初有一个链接，所以现在它已成功回答，我按照@Roddy of the Frozen Peas 建议的图片更改了它。

正如一些人建议的那样，如果您删除了   问题消失了。但事实并非如此，因为看起来管理员正在插入那些   而且我在更改管理员方面没有发言权。所以接受的答案终于解决了。

Answer 1

使用：word-wrap: break-word;在你的段落元素上。这将开始迫使他们开始新的生产线。

.entry-footer .excerpt p {
   word-wrap: break-word;
}

请参阅firefox 自动换行文档。

Answer 2

您的html. 将此添加到您的 CSS

div.excerpt p {
    word-wrap: break-word;
}