anchor.diff:                Mauris nec ipsum id orci porttitor auctor sed sit amet sem.
                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
                 Etiam tellus leo, venenatis sit amet ipsum non, sagittis feugiat ante.
  -            </p>
  -            <h6>Heading 6</h6>
  -            <p lang="la">
  +            h6 Heading 6
  +            p(lang="la").
                 Donec vel dolor ut felis dapibus ultricies vitae a nibh.
                 Ut semper odio est, sed lacinia ligula gravida ut.
                 Vestibulum facilisis viverra pulvinar.
  
positive.code:               Mauris eget mauris ut mauris auctor mattis id vel justo.
                Nulla dictum arcu nec suscipit mollis.
                Maecenas a iaculis nisl, ut pretium est. Nulla facilisi.
              </p>
              <figure>
                This is a <code>figure</code>. An image, diagram, or table might appear here.
                <figcaption>
                  <strong>This is a <code>figcaption &gt; strong</code>.</strong>
                  It usually contains the <code>figure</code>&rsquo;s title
                  (<i lang="la"><abbr title="exampli gratia">e.g.</abbr></i>, <i>Figure&nbsp;1</i>).
                  This is the rest of the <code>figure &gt; figcaption:last-child</code>.</figcaption>
              </figure>
              <blockquote>
                <p>This is a generic <code>blockquote</code>. Use this for material that is more than 40 words
                  and/or contains paragraph breaks.</p>
                <p>Nest <code>p</code> Elements inside the block quotation that correspond directly
                  to the paragraphs of the quoted material. If there are no paragraphs in the quoted material,
                  do not use <code>p</code> Elements&mdash;just simply contain the text inside the
                  <code>blockquote</code>.</p>
                <p>To cite the source of the quoted material in this block quote,
                  include a <code>footer &gt; cite</code> Element.</p>
                <footer><cite>Source, <time>2000</time></cite></footer>
              </blockquote>
              <pre>
                The <code>pre</code> Element, by itself (<em>without</em> a child <code>code</code> Element),
                are used for blocks of computer code on this site.
              </pre>
              <pre>
                function fibonacci(n) {
                  if (n === 0 || n === 1) return 1;
                  else if (n > 1)         return fibonacci(n-1) + fibonacci(n-2);
                  else                    return NaN;
                }
              </pre>
              <pre>
                <code>If you use a
                `pre > code:only-child`
                                        to mark up
                                                   a block of code,
                you will get this result.
                </code></pre>
            </figure>
            <p class="o-Box  o-Box--island  c-Alert  c-Alert--cshn">
              <strong class="c-Alert__Title">Warning:</strong>
              As of <time>2015-05-11</time> there is no longer a mechanism available for automated
              syntax highlighting in code blocks. Manual highlighting is described below.
              See the <a rel="sibling" href="colors.html">color styleguide</a> for info on usage.
              Check back later for updates.</p>
            <p>The Elements
              <code>pre &gt; small</code> and
              <code>pre &gt; strong</code>
              respectively denote code comments (an actual thing), and importance.
              (Importance isn&rsquo;t an actual thing in code, since all code is important.)</p>
            <figure>
              <pre>
                function fibonacci(n) {
                  if (n === 0 || n === 1) return 1; <small>// these are the base cases</small>
                  else if (n > 1)         return fibonacci(n-1) + fibonacci(n-2);
  
negative.code:                     <pre>
                &lt;tag atr=&quot;val val&quot;&gt;contents&lt;tag&gt;
                <small>&lt;!-- this is an HTML comment --&gt;</small>
              pre.
                sel {
                  prp: val;
                  .cmd(arg, 'string');
  