title: how to add "... read more" anchor to end of text if it does not fit
body: <p>I'm looking for a way to add "... read more" hyperlink to end of visible part of multi-line text if its height exceeds 8em.</p>
  
  <p>I tried code below but <code>... read more</code> does not appear and only half of last line height is visible. How to make it to appear and allow user to click in it ?</p>
  
  <p>something like:</p>
  
  <pre><code>asd sadas sads asda dfdsf
  dfds sdf ... read more
  </code></pre>
  
  <p>jquery and ASP.NET MVC2 are used.</p>
  
  <pre><code>.description
  {
      max-height: 8em;
      overflow: hidden;
      font-size: small;
      text-overflow: "&lt;a href='details'&gt;... read more&lt;/a&gt;";
  }
  
  &lt;p class='description'&gt;dsdsa sakldlka asld slkskldsdlks ewekesdsdjkdj skskssk skssksk skssksks sksksks sksksjs sksks kassaksk skdksk skdskdj askdasj asdkasjd asldksa lasd askla dasl asldaksd lad askdal adslkaskd lads askaldka alsdkaslda  adkalsdk adsdkasl adklasdl kaldakd aas dasdklasdask asldkaslsdk asldsakdl
  kassaksk skdksk skdskdjff askdasj asdkasjd asldksa lasd askla dasl asldaksd lad askdal adslkaskd lads askaldka alsdsdkaslda  adkalsdk adsdkasl adklasdl kaldakd aas dasdklasdask asldkaslsdk asldsakdl
  sad kassaksk skdksk skdskdj askdasj asdkasjd asldksa lasd askla dasl asldaksd lad askdal adslkaskd lads askaldka alsdkaslda ff adkalsdk fffadsdkasl adklasdl kaldakd aas dasdklasdask asldkaslsdk asldsakdl
  fddfkassaksk skdfdfksk skdskdj askdasj asdkasjd asldksa lasd askla dasl asldaksd lad askdal adslkaskd lads askaldka alsdkaslda  adkalsdk adsdkasl adklasdl kaldakd aas dasdklasdask asldkaslsdk asldsakdl&lt;/p&gt;
  </code></pre>