title: Overflowed text with html in another div
body: <p>I want to have a text that overflows in another div, so I found and used <a href="https://stackoverflow.com/a/7400711/2866118">this answer</a> from another question at Stackoverflow.</p>
  
  <p>The problem is that only plain text is displayed; links, bold/italics and paragraphs are ignored.</p>
  
  <p>Here is the <a href="http://jsfiddle.net/Tt9sw/217/" rel="nofollow noreferrer">same jsfiddle</a> from the answer, but with added html tags. How do i get to display them?</p>
  
  <p>Code:</p>
  
  <pre><code>var currentCol = $('.col:first');
  var text = currentCol.text();
  currentCol.text('');
  var wordArray=text.split(' ');
  
  $.fn.hasOverflow = function() {
     var div= document.getElementById( $(this).attr('id') ); 
     return div.scrollHeight&gt;div.clientHeight;
  };
  
  for ( var x = 0; x &lt; wordArray.length; x++ ) {
      var word = wordArray[x];
      currentCol.append(word+' ');
      if ( currentCol.hasOverflow() ) {
          currentCol = currentCol.next('.col');
      }
  }
  </code></pre>
  
  <p>Any tips or advice will be appreciated :)</p>