title: Add three dots at end of nth line
body: <p>We are getting content from backend , and we need to show only three lines . At the end of third line we need to add three dots .</p>
  
  <p>What i have done till now to get three lines -</p>
  
  <pre><code>var height = $(this).find('.sample').outerHeight();
  var lineHeight = $(this).find('p').css('line-height');
  $(this).find('.sample').css('max-height',lineHeight*3);
  
  .sample{overflow: hidden;} 
  </code></pre>
  
  <p>Here three lines are getting displayed . But how to add dots ? I have tried webkits but it do not work on ie . </p>