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图像更改了它.

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

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