title: CSS overflow with html <td>
body: <p>I am making a table which can have cells with long strings.  To make things fit I am trying to use the <code>overflow:hidden</code> and <code>overflow-text:ellipse</code> styles to hide the long texts. At first I was thinking I was doing something wrong, but now I am noticing that none of the overflow features work with any table elements, but work just as expected with <code>&lt;div&gt;</code> elements. I've worked mostly around this by placing a <code>&lt;div&gt;</code> in each cell, but this is awkward...</p>
  
  <p>Is there a way to get overflow to work with <code>&lt;td&gt;</code> elements, or do I need to put <code>&lt;div&gt;</code> elements in my td's to get them to work with overflow?</p>
  
  <p><a href="https://jsfiddle.net/jeffpkamp/yc076du3/6/" rel="nofollow noreferrer">here </a>is a JSfiddle showing tables with and without division around or within the elements giving the desired behavior as well as a table without divisions showing what I am talking about.</p>