title: Add a span tag inside p after certain amount of characters
body: <p>Suppose you have this for your HTML:</p>
  
  <pre><code>&lt;div class="contentBox"&gt; 
      &lt;p&gt;I have some content that is good to read&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>However you would like to add a span tag after a certain amount of characters, lets say 26 characters, which would be right after the word "that".  The result would look like this:</p>
  
  <pre><code>&lt;div class="contentBox"&gt;
      &lt;p&gt;I have some content that&lt;span&gt; is good to read&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It has to be after a certain amount of characters, because the paragraph will change from time to time.</p>