title: Show dots on the nth line of a text if it breaks with CSS
body: <p>I want to show dots on the nth (in my case 2nd) line of a text if it breaks. I saw <a href="https://stackoverflow.com/a/17868554/2419808">this</a> and <a href="https://stackoverflow.com/a/15292922/2419808">this</a> answers but I didn't manage to get the thing working in my case.</p>
  
  <p>Here's a <a href="http://jsfiddle.net/TReRs/271/" rel="nofollow noreferrer">fiddle</a>.</p>
  
  <pre><code>.overme {
      width: 300px;
      height: 60px;
      line-height: 30px;
      overflow:hidden; 
      font-size: 30px;
      color: red;
      background: #333;
      /*The problematic part is below*/
      white-space:nowrap; 
      text-overflow: ellipsis;
  }
  </code></pre>