anchor.diff:      </div>
     </p>
   
  -  <pre>&lt;span class="tooltip" data-tooltip="tooltip-3" <strong>data-tooltip-toggle</strong>>Toggle Tooltip&lt;/span>
  +  <pre class="sg-pre prettyprint">&lt;span class="tooltip" data-tooltip="tooltip-3" <strong>data-tooltip-toggle</strong>>Toggle Tooltip&lt;/span>
   &lt;div class="tooltip--hide" data-tooltip-for="tooltip-3">
     &lt;strong>Toggle Tooltip&lt;/strong>&lt;br />
     This tooltip will toggle on and off with a click.
  
positive.code:     </div>
    </p>
  
    <pre>&lt;span class="tooltip" data-tooltip="tooltip-4" <strong>data-tooltip-follow</strong>>Follow Mouse&lt;/span>
  &lt;div class="tooltip--hide" data-tooltip-for="tooltip-4">
    &lt;strong>Tooltip&lt;/strong>&lt;br />
    This tooltip follows the mouse.
  
negative.code:     </div>
    </p>
  
    <pre class="sg-pre prettyprint">&lt;span <strong>data-tooltip="tooltip-1"</strong>>This is my anchor&lt;/span>
  &lt;div class="tooltip--hide" <strong>data-tooltip-for="tooltip-1"</strong>>This is my tooltip.&lt;/div></pre>
  
    <p>The <code>.tooltip--hide</code> class is a helper class that hides the tooltip's content from being displayed on the page.</p>
  