title: Force a line break in a div
body: <p>I have a chat conversation within a div, but very long words fall out. I was advised to use an i-frame, but how? I thought this is for external websites.</p>
  
  <p><a href="http://jsfiddle.net/TWsqQ/2/" rel="nofollow"><strong>jsFiddle Code</strong></a></p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.chat{
     width: 230px;
     height: 310px;
     margin-left: 10px;
     background-color: grey;
     border: solid 1px black;
     color: #1855a3;
     overflow-y: scroll;
  }
  </code></pre>