title: Draw DOM "pseudo" lines
body: <p>I am creating a little "diff -/ offset" display and I would like to draw somekind of a "line" to certain places within the text, to visualize where a "diff" occured. Basically I want to get from this:</p>
  
  <p><img src="https://i.stack.imgur.com/p3OBz.png" alt="enter image description here"></p>
  
  <p>to this or something similar:</p>
  
  <p><img src="https://i.stack.imgur.com/v5qQy.png" alt="enter image description here"></p>
  
  <p>I know about the canvas element and I can draw lines with that, but how could I place such an image in the correct place?</p>
  
  <p>Is there maybe a "easy" CSS solution for an approach like this one ?</p>
  
  <p>Are there any best practices I can follow? For instance, any ToolTip plugin/script must use something similar to point to a certain place.</p>
  
  <p>I'm thankful for any helping hint on this. The original link to my jsfiddle: 
  <a href="http://jsfiddle.net/bKng6/" rel="nofollow noreferrer">http://jsfiddle.net/bKng6/</a></p>