title: css - display: table-cell and fixed width
body: <p>I have some <code>divs</code> with <code>display: table-cell</code> style and I would like to set fixed width on the <code>divs</code> and to truncate the text inside if it doesn't fit.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div class="cell" style="width:100px;"&gt;Should not fit in 100px&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code> .row {
       display: table-row;
  }
  
  .cell {
      display: table-cell;
      border: solid 1px #DADADA;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/lgal/byx2d460/">FIDDLE DEMO</a></p>
  
  <p>Is it possible?</p>