title: text-overflow: ellipsis not working
body: <p>This is what I tried (see <a href="http://jsfiddle.net/kaJ3L/" rel="noreferrer">here</a>):</p>
  
  <pre><code>body {
      overflow: hidden;
  }
  
  span {
      border: solid 2px blue;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  </code></pre>
  
  <p>Essentially, I want the span to shrink with ellipsis when the window is made small. What did I do wrong?</p>