title: Dynamically move /div tag on mouseover
body: <p>What I want is to have a page where part of the text is enclosed in a <code>&lt;div&gt;</code> tag with a particular attribute, like text color: </p>
  
  <pre><code>&lt;div style="color:#00FF00"&gt; Lorem ipsum dolor sit amet,&lt;/div&gt; consectetur adipisicing elit, 
  </code></pre>
  
  <p>When the user mouses over the next word in the text, in this case 'consectetur', the <code>&lt;/div&gt;</code> tag would move one place to the right, so that the content now looks like this:</p>
  
  <pre><code>&lt;div style="color:#00FF00"&gt; Lorem ipsum dolor sit amet, consectetur&lt;/div&gt; adipisicing elit, 
  </code></pre>
  
  <p>Cannot figure out for the life of me how to do this. Any ideas?</p>