html - How to let the string go to next line automatically -

There are two divs in which div stores some information I and two side of the div side I have the details in the next line Let me go, how do I do this string if the string is too long? Here's the code:

  & lt; Div class = "round" & gt; & Lt; Div style = "float: left; width: 50%" & gt; & Lt; Ul class = "round" & gt; & Lt; Li & gt; Details: DFGHJKXCFGVHBJNESDRTYHUICFVGBHJNKMCFGVBHJN & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; Div style = "float: right; width: 50%" & gt; & Lt; Ul class = "round" & gt; & Lt; Li & gt; Details: ERTYUIOPOIUFKJHGFLKGKFGHCFGVBHJNKVBJNK & lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Div & gt; & Lt; / Div & gt;  

This trick does:

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