title: CSS ellipsis not working for this div
body: <p>A representative code sample:</p>
  
  <pre><code>&lt;div style="width:300px; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"&gt;
      &lt;ul&gt;
           &lt;li&gt;Long name: &lt;span&gt;zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz&lt;/span&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/G57LE/" rel="nofollow">http://jsfiddle.net/G57LE/</a></p>
  
  <p>It seems only the overflow property will do anything here.</p>
  
  <p>How do I get the text to do an ellipsis on overflow for this div (where the ellipsis happens just before the end of the div)? Thanks!</p>