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>

出于某些奇怪的原因，文本位于右侧列的顶部。我尝试改变所有参与1000px的元素的高度，它们仍然重叠！

编辑：问题最初有一个链接，现在已成功回答我用冷冻豆豆建议的@Roddy图像更改了它。

有些人建议，如果你删除＆amp; NBSP;问题消失了。但事实并非如此，因为看起来管理员正在插入那些＆amp; NBSP;我没有说改变管理员。所以接受的答案终于解决了。

Answer 1

在段落元素上使用：word-wrap: break-word;。那将开始迫使他们开始一条新线。

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

请参阅firefox word-wrap documentation。

Answer 2

html内有很多空白区域。将此添加到您的CSS

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