anchor.diff:  </div>
   
   <div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="a">
  -  <p>tuna</p>
  +  <p>Tuna</p>
   </div>
   <div class="col-xs-4 col-sm-3 col-md-3 droppable" data-num="david-berry">
     <p>This is Dave's favorite berry.</p>
  
positive.code: <body>
  <div class="container">
  <h1>How well do you know Lisa and Dave?</h1>
  <h3>drag the <span style="color:#afdcff;">blue</span> cards to the <span style="color:#f69c9d;">pink</span> cards to make a match.</h2>
  <div class="col-xs-4 col-sm-3 col-md-3 draggable" data-num="lisa-gen">
    <p>Lisa</p>
  </div>
  
negative.code: <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <style>
    #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; }
  