title: How to restrict character limit by line or # of characters with css?
body: <p>Is there a css property that can do one of the following? But first, let me explain.</p>
  
  <p>Imagine a masonry layout where each item is width: 200px; and each would be height: 250px; (this is just an example).</p>
  
  <p>In each item, there is a thumbnail and a link, and often times, this link wraps to 2-3 lines, and therefore makes the height of each item different.</p>
  
  <p>Is there a way I can set a maximum # of characters within a class, or cut off wrapping after a certain # of lines? And perhaps even add some css effect to insert content: "..."; before the line end to show that it was cut off?</p>
  
  <p>Any help is appreciated.</p>
  
  <p>Thank you.</p>