Как позволить строке перейти на следующую строку автоматически

Question

Есть два Div, которые хранят некоторую информацию. И два Div бок о бок. Я хочу, чтобы описание автоматически переходило к следующей строке, если строка слишком длинная. Как я могу это сделать? Вот код:

<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

Это делает трюк:

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