Từ dài đang chảy ra khỏi hộp - Cách ngăn chặn?

Question

Tôi có kiểu div theo kiểu mà tôi cần thêm văn bản dài. Tôi có chiều rộng tối đa (100px) và tôi cần phải "làm cho văn bản đi xuống". Bây giờ tôi không thể tìm thấy một giải pháp cho vấn đề của tôi: trong trường hợp văn bản dài, nó đi ra khỏi hộp. Tôi không có vấn đề về độ cao nên cần có kích thước bất kỳ.

Đây là mã của tôi:

<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; nên giúp đỡ.

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