title: CSS: replacement for -webkit-line-clamp in Firefox, IE
body: <p>I am trying to truncating a long text using <code>text-overflow: ellipsis;</code> property.
  I tried this </p>
  
  <pre><code>overflow: hidden;
  -webkit-line-clamp: 4; 
  text-overflow: ellipsis;
  </code></pre>
  
  <p>Fiddle : <a href="http://jsfiddle.net/TReRs/354/" rel="nofollow noreferrer">http://jsfiddle.net/TReRs/354/</a></p>
  
  <p>It works fine in chrome, but <strong>-webkit-line-clamp</strong> is not supporting in Firefox and IE. Can anyone help me, is there any other properties for that.</p>