title: div contenteditable and word-wrapping with span elements
body: <p>When I have span tags in a contenteditable div the word wrapping changes.  Here is a fiddle.
  <a href="http://jsfiddle.net/knpB9/" rel="nofollow">http://jsfiddle.net/knpB9/</a></p>
  
  <pre><code>&lt;div contenteditable="true" style="width:168px; border:1px solid black;"&gt;aaaaaaaa-bbbbbbbb-ccccccc&lt;/div&gt;
  &lt;br&gt;
  &lt;div contenteditable="true" style="width:168px; border:1px solid black;"&gt;aaaaaaaa-bbbbbbbb-&lt;span style="color:red;"&gt;ccccccc&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>How do I keep the word wrapping the same regardless of the html tags?</p>