title: Add dots/ellipsis on div/span element overflow without using jquery
body: <p>Need to implement functionality similar to what <a href="http://dotdotdot.frebsite.nl/" rel="noreferrer"><em>dotdotdot</em></a> jQuery plugin does 
  but cannot use javascript frameworks (like <code>jquery</code> or ext).</p>
  
  <p><strong>Is there any easy way to add the dots to the content of div or span element if content takes more space then element should???
  (similar to what css <em>overflow: ellipsis</em> setting does)</strong></p>
  
  <p>Can't use <em>ellipsis</em> beacause it doesn't work with many lines when height is limited.</p>
  
  <p>Thank you :)</p>