title: CSS Multi Line ellipsis Cross Browser
body: <p>There is a "div" in my webpage that has fixed width and height.</p>
  
  <p>Following css only works with single line text:</p>
  
  <pre><code>overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  </code></pre>
  
  <p>How can I apply ellipsis on multiline text on the text inside that div using pure css with cross browser compatibility?</p>