title: How to chop a text adding three dots "..."?
body: <p>I need to chop a text adding tree dots at the end "..." the three dots should appear <strong>only on the second line of the text</strong>. This jsfiddler show the example for one line, but I not able to display two lines of text before adding dots.
  Any idea how to solve it?</p>
  
  <p><a href="http://jsfiddle.net/hT3YA/263/" rel="noreferrer">http://jsfiddle.net/hT3YA/263/</a></p>
  
  <pre><code>#test { 
      background:#eee; 
      border:1px dotted #ccc; 
      margin:1em; 
      padding:5px; 
      width:100px;
      height:200px;
  }
  .crop { 
      overflow:hidden; 
      white-space:nowrap;
      text-overflow:ellipsis; 
      width:200px; }
  
  
  
  &lt;div id="test" class="crop"&gt;
      Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged
  &lt;/div&gt;
  </code></pre>