title: word wrap does not work on when window is resized on IE
body: <p>I have a simple html layout that has 3 divs. The divs are separated by a border line. The middle div has long text. I am breaking the long text by applying the style word-wrap:break-word. The issue is on <strong>window resize</strong> ( when the window is smaller in size), the text is getting overlapped with the border line. This is happening only on IE (version 11) but works well with chrome and FF.</p>
  
  <p>Please advise on how to resolve the window resize text alignment issue on IE.
  Here's the html:</p>
  
  <pre><code>&lt;html&gt;
      &lt;body&gt;
          &lt;div style="border-right-style: solid;border-width:1px;"&gt;
          text goes here
          &lt;/div&gt;
           &lt;div style="border-right-style: solid;border-width:1px;"&gt;
              &lt;span style="word-wrap:break-word;"&gt; XX-standard-com.longtext.nogoodexperience.howtoresolve_nofix.yyy&lt;/span&gt;
           &lt;/div&gt;
          &lt;div&gt;
          XX-standard-com.longtext.nogoodexperience.howtoresolve_nofix.yyy
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>