A la pregunta porque se sale el texto del div cuando la palabra es muy larga se soluciona así:
Le pones en la hoja de estilo word-wrap:break-word;
Ej: el div mide width:100px y la frase es un correo
[email protected] el word-wrap "rompe" la frase y la sitúa en la siguiente linea; esta es una propiedad de CSS3.
Viene por acá buscando ayuda sobre esto y me acorde de la propiedad jaja...