title: Limit text by number of lines in CSS
body: <p>I have a textarea box which echos out 'bio' - 'bio' is text content from my database.</p>
  
  <p>I also have a css box next to this text area and was wondering how you could limit the text to just three lines and then carry on underneath the <code>CSS</code> box.</p>
  
  <p>Here is a diagram:</p>
  
  <pre><code>_ _ _ _ _ _ _ _ _ _
  |                  |   Bio Content Goes Here
  |                  |   blah, blah, blah, blah     
  - - - - - - - - - -    blah, blah, blah, blah  
  Content carrys on here, here, here and here etc.
  Content carrys on here, here, here and here etc.
  </code></pre>