title: How to force a line break in a long word in a DIV?
body: <p>Okay, this is really confusing me. I have some content inside of a div like so:</p>
  
  <pre><code>&lt;div style="background-color: green; width: 200px; height: 300px;"&gt;
  
  Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.Thisisatest.
  
  &lt;/div&gt;
  </code></pre>
  
  <p>However, the content overflows the DIV (as expected) because the 'word' is too long.</p>
  
  <p>How can I force the browser to 'break' the word where necessary to fit all of the content inside?</p>