title: CSS word ellipsis ('...') after one or two lines
body: <p>I'm trying to create a word-wrap in JavaScript using CSS, and the condition is:</p>
  
  <p>If DIV contains one <em>very</em> long word, such as <em>"asdasfljashglajksgkjasghklajsghl"</em>, I want to display: </p>
  
  <pre><code>     |asdasfljashglajk...|
  </code></pre>
  
  <p>If DIV contains a long sentence, such as <em>"if i had a dime for everytime i was told i can't"</em>, I want to display: </p>
  
  <pre><code>     |if i had a dime for|
       |everytime i was... |
  </code></pre>
  
  <p>I work with HTML, CSS, JavaScript. I can't use jQuery.</p>
  
  <p>Please let me know if it's possible.</p>