लंबे शब्द बॉक्स से बाहर बह रहे हैं - कैसे रोकें?

Question

मेरे पास एक स्टाइल div है जहां मुझे एक लंबा टेक्स्ट जोड़ने की आवश्यकता है। मेरे पास अधिकतम चौड़ाई है (100px) और मुझे "टेक्स्ट डाउन डाउन" करने की आवश्यकता है। अब मुझे अपनी समस्या का हल नहीं मिल रहा है: लंबे पाठ के मामले में, यह बॉक्स से बाहर चला जाता है। मेरे पास ऊंचाई की समस्या नहीं है इसलिए इसे किसी भी आकार की आवश्यकता होनी चाहिए।

<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; मदद करनी चाहिए:

यह मेरा कोड है।

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