Le parole lunghe stanno uscendo dalla scatola - Come prevenire?

Question

Ho uno stile div in cui ho bisogno di aggiungere un lungo testo. Ho una larghezza massima (100px) e ho bisogno di "abbassare il testo". Ora non riesco a trovare una soluzione per il mio problema: in caso di testo lungo, va fuori dalla scatola. Non ho un problema di altezza quindi dovrebbe prendere qualsiasi dimensione richiesta.

Questo è il mio codice:

<style> 
    .infobox { 
     -moz-background-clip: padding;  
     -webkit-background-clip: padding; 
     background-clip: padding-box;  
     border: 6px solid rgba(0,0,0,0.3); 
     -webkit-border-radius: 4px; 
     -moz-border-radius: 4px; 
     border-radius: 4px; 

     padding: 30px; 
     width: 100px; 
     text-align: center; 

     top: 100px; 
     left: 200px; 
    } 
</style> 

<div class="infobox"> LOOOOOOOOOOOOOOOOOOOOOOOOOOOONG TEXT :)</div> 

Answer 1

word-wrap: break-word; dovrebbe aiutare.

• Supported in every browser that matters - caniuse.com
• Read about it on CSS3.info
• jsFiddle Demo - grazie ad @Nacereddine