title: Text inside div won't wrap
body: <p>As seen here: <a href="http://jsfiddle.net/EhnuZ/" rel="noreferrer">http://jsfiddle.net/EhnuZ/</a> the top group has a short amount of text, and the text is to the right of the image. The bottom group is identical except that it has more text inside. However, this causes the text to shift below the image, instead of wrapping like I want it to. How can this be solved? I have tried:</p>
  
  <pre><code>white-space:normal;
  word-wrap: break-word;
  width:50%;
  max-width:50%;
  </code></pre>