title: How can I do text-overflow: ellipsis on two lines?
body: <p>I have a container where the text may expand to two lines and it's 40px in height, with an 18px font size. When I do:</p>
  
  <pre><code>text-overflow: ellipsis;
  white-space: nowrap;
  </code></pre>
  
  <p>Then the dotted line shows correctly but it gets cut off on one line. When I do just the:</p>
  
  <pre><code>text-overflow: ellipsis;
  </code></pre>
  
  <p>Then it correctly shows the 2 lines but there's no "..." at the end. How do I achieve this so it correctly uses both lines AND finishes with "..." on the second line?</p>