title: IE10 doesn't support white-space: pre-wrap?
body: <p>I have a <code>pre</code> tag in a resizable <code>div</code>. And the width of <code>pre</code> will stretch or contract when user expands or shrinks the <code>div</code>. If the text is longer than the <code>pre</code> width, it will be broken into next line.</p>
  
  <p>I use this CSS for the pre:</p>
  
  <pre><code>pre {
   white-space: pre-wrap;       /* css-3 */
   white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
   white-space: -pre-wrap;      /* Opera 4-6 */
   white-space: -o-pre-wrap;    /* Opera 7 */
   word-wrap: break-word;       /* Internet Explorer 5.5+ */
  }
  </code></pre>
  
  <p>This wokrs on FF, Chrome, IE8 and IE9, but not on IE10.</p>
  
  <p>On IE10, when user expands it, the text will go the previous line if the width is adequate. It works OK. But things go bad when user shrinks it. The text will be hidden instead of being broken to the next line.</p>
  
  <p>I change the <code>white-space: pre-wrap</code> to <code>white-space: pre</code> for IE10, it will break the text. However, the English words will be broken, too. I want to keep each single word no-wrap.</p>