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>

奇妙な理由で、テキストが右側の列の上に表示されます。参加しているすべての要素の高さを 1000px に変更しようとしましたが、まだ重なり合っています!

編集：質問にはもともとリンクがあったので、うまく答えられたので、@Roddy of the Frozen Peasが提案した画像で変更しました。

一部の人々が示唆したように、 & nbsp; を削除すると、問題は解決します。しかし、管理者がそれらの & nbsp; を挿入していたように見えるため、そうではありませんでした。そして、私は管理者を変更することについて何も言いません。したがって、受け入れられた答えは最終的にそれを解決しました。

Answer 1

使用:word-wrap: break-word;段落要素で。その後、新しい行を開始するように強制し始めます。

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

firefox word-wrap documentationを参照してください。