html - Text in p tag is not breaking to new lines -


please have @ following image:

enter image description here

and here code problem:

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

for bizarre reason text getting on top of columns right. tried changing height of of elements taking part 1000px, , still overlapping!

edit: question had link succesfully answered changed image per @roddy of frozen peas suggested.

as people suggested, if remove & nbsp; problem goes away. not case looks admin inserting & nbsp; , have no saying in changing admin. accepted answer solved it.

use: word-wrap: break-word; on paragraph elements. that'll start forcing them start new line.

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

see firefox word-wrap documentation.


Comments

Popular posts from this blog

ruby on rails - Is it the correct way to implement belongs_to relation with factory girl? -

geolocation - Windows Phone 8 - Keeping background location tracking active beyond four hours -

Uncaught TypeError: Cannot read property 'parentNode' of null javascript -