Длинные слова выходят из коробки - Как предотвратить?

У меня есть стилизованный div , где мне нужно добавить длинный текст. У меня максимальная ширина ( 100 пикселей ), и мне нужно «заставить текст спускаться вниз». Теперь я не могу найти решение своей проблемы: в случае длинного текста он выходит из коробки. У меня нет проблем с высотой, поэтому он должен быть любого необходимого размера.

Это мой код:

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