How to let the string go to next line automatically

Question

There is two Div in, which div have store some information. And two Div is side by side. I want to let the description automatic go to next line, if the string is too long. How can I do so? Here is the code:

<div class="round">  
    <div style="float:left;width:50%">
        <ul class = "round"> 
         <li> Description: DFGHJKXCFGVHBJNESDRTYHUICFVGBHJNKMCFGVBHJN</li>    
        </ul>
    </div>      
    <div style="float:right;width:50%">
        <ul class = "round"> 
         <li> Description: ERTYUIOPOIUFKJHGFLKGKFGHCFGVBHJNKVBJNK</li>    
        </ul> 
    </div>      
</div>    

Answer 1

This does the trick:

.round {
    word-wrap: break-word;
}