anchor.diff:            <div class="content">
               <p>For an instant way to interact with government departments, try their social media streams. As well as access to blogs, audio, video and more, you can comment, debate and rate.</p>
               <p class="see-all"><a href="#">See all government departments</a></p>
  -            <h4>Recent blog posts</h4>
  -            <ol class="document-list">
  -              <li class="document-row">
  -                <h3><a href="#">At vero eos et accusamus et iusto odio dignissimos ducimus quie</a></h3>
  -                <ul class="attributes">
  -                  <li>DFT</li>
  -                  <li>28 February</li>
  -                  <li><a href="#">Read post and comment</a></li>
  -                </ul>                        
  -              </li> 
  -              <li class="document-row">
  -                <h3><a href="#">Accusamus pusto odio dignissimos ducimus</a></h3>
  -                <ul class="attributes">
  -                  <li>MOD</li>
  -                  <li>28 February</li>
  -                  <li><a href="#">Read post and comment</a></li>
  -                </ul>                        
  -              </li> 
  -              <li class="document-row">
  -                <h3><a href="#">Labore et dolore magnam aliquam quaerat</a></h3>
  -                <ul class="attributes">
  -                  <li>DECC</li>
  -                  <li>28 February</li>
  -                  <li><a href="#">Read post and comment</a></li>
  -                </ul>                        
  -              </li> 
  -            </ol>              
             </div>
           </div>
         </section>
  
positive.code:       <h2 id="take-part">Take part</h2>
        <article>
          <div class="content">
            <span class="img-holder"><a href="#"><img src="/government/assets/thumbnail-placeholder.png" alt="image"></a></span>
            <div class="text">
              <h3><a href="#">Donate your time to help the flood victims in Bangladesh</a></h3>
              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium perspiciatis unde.</p>
            </div>
          </div>
        </article>
        <article>
          <div class="content">
            <span class="img-holder"><a href="#"><img src="/government/assets/thumbnail-placeholder.png" alt="image"></a></span>
            <div class="text">
              <h3><a href="#">Red tape challenge</a></h3>
              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium perspiciatis unde.</p>
            </div>
          </div>
        </article>
        <article>
          <div class="content">
            <span class="img-holder"><a href="#"><img src="/government/assets/thumbnail-placeholder.png" alt="image"></a></span>
            <div class="text">
              <h3><a href="#">Community supported libraries</a></h3>
              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium perspiciatis unde.</p>
            </div>
          </div>
        </article>
        <article class="article-clear">
          <div class="content">
            <span class="img-holder"><a href="#"><img src="/government/assets/thumbnail-placeholder.png" alt="image"></a></span>
            <div class="text">
              <h3><a href="#">Big Tree Plant</a></h3>
              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium perspiciatis unde.</p>
            </div>
          </div>
        </article>
        <article>
          <div class="content">
            <span class="img-holder"><a href="#"><img src="/government/assets/thumbnail-placeholder.png" alt="image"></a></span>
            <div class="text">
              <h3><a href="#">Start a Public Service Mutual</a></h3>
              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium perspiciatis unde.</p>
            </div>
          </div>
        </article>
        <article>
          <div class="content">
            <span class="img-holder"><a href="#"><img src="/government/assets/thumbnail-placeholder.png" alt="image"></a></span>
            <div class="text">
              <h3><a href="#">Transparency &ndash; use your data</h3>
              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium perspiciatis unde.</p>
            </div>
          </div>
        </article>
        <article class="article-clear">
          <div class="content">
            <span class="img-holder"><a href="#"><img src="/government/assets/thumbnail-placeholder.png" alt="image"></a></span>
            <div class="text">
              <h3><a href="#">Big Tree Plant</a></h3>
              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium perspiciatis unde.</p>
            </div>
          </div>
        </article>
        <article>
          <div class="content">
            <span class="img-holder"><a href="#"><img src="/government/assets/thumbnail-placeholder.png" alt="image"></a></span>
            <div class="text">
              <h3><a href="#">Start a Public Service Mutual</a></h3>
              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium perspiciatis unde.</p>
            </div>
          </div>
        </article>
        <article>
          <div class="content">
            <span class="img-holder"><a href="#"><img src="/government/assets/thumbnail-placeholder.png" alt="image"></a></span>
            <div class="text">
              <h3><a href="#">Transparency &ndash; use your data</a></h3>
              <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium perspiciatis unde.</p>
            </div>
          </div>
        </article>
  
        <hr class="keyline">
        <div class="head-section">
          <h3>More ways to take part</h3>
  
negative.code:         <div class="content">
            <ol class="document-list">
              <li class="document-row">
                <h3><a href="/government/policies/giving-people-more-power-over-what-happens-in-their-neighbourhood">Giving people more power over what happens in their neighbourhood</a></h3>
                <ul class="attributes">
                  <li>DCLG</li>
                  <li>Community and society</li>
                </ul>                        
              </li>
              <li class="document-row">
                <h3><a href="/government/policies/giving-communities-more-power-in-planning-local-development">Giving communities more power in planning local development</a></h3>
                <ul class="attributes">
                  <li>DCLG</li>
                  <li>Planning and building</li>
                </ul>                        
              </li>
              <li class="document-row">
                <h3><a href="/government/policies/promoting-social-action-encouraging-and-enabling-people-to-play-a-more-active-part-in-society">Promoting social action: encouraging and enabling people to play a more active part in society</a></h3>
                <ul class="attributes">
                  <li>CO</li>
                  <li>Community and society</li>
                </ul>                        
              </li>          
  