title: Place a button when text is overflowing
body: <p>So say i have a <code>&lt;div&gt;</code> with a long text inside and defined height, and when text overflows that div height i want to display <code>...</code> at the end of the text, so this is easy with a little css, but i want something a bit more advanced.</p>
  
  <p>What i want is to have that <code>...</code> and a button <code>(Show more)</code>, and i kind of made it, but it's quite a dirty hack and i know there should be better solution, anyways please take a look a this fiddle: <a href="http://jsfiddle.net/DgBR2/1/" rel="nofollow noreferrer">http://jsfiddle.net/DgBR2/1/</a></p>
  
  <p>Basically i just floated another div with white background on top of the text, but if i would want to change that text height or something else this would create problems in the future, so i want something better.</p>