title: Css text overflow ellipsis not working
body: <p>This is my code:</p>
  
  <pre><code>&lt;ul class="results"&gt;
     &lt;li class="item"&gt; &lt;span class="title"&gt;&lt;a href="item.html" target="_blank"&gt;The numbers in the table specify the first browser version that fully supports the property&lt;/a&gt;&lt;/span&gt;&lt;span class="place"&gt;Place&lt;/span&gt;
     &lt;/li&gt;
     &lt;li class="item"&gt; &lt;span class="title"&gt;&lt;a href="item.html" target="_blank"&gt;The numbers in the table specify the first browser version that fully supports the property&lt;/a&gt;&lt;/span&gt;&lt;span class="place"&gt;Place&lt;/span&gt;
     &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>I am using the css:</p>
  
  <pre><code>.results  {text-overflow: ellipsis;}
  </code></pre>
  
  <p>However it doesn't seem to work on the content I have, and just overflows as normal. Can anyone tell me where I am going wrong please?</p>
  
  <p><a href="http://jsfiddle.net/m6krvapf/3/" rel="nofollow">http://jsfiddle.net/m6krvapf/3/</a></p>