anchor.diff:    </div>
   </div>
   
  -  <h3>Button Group Sizes</h3>
  +  <h2>Button Group Sizes</h2>
     <table class="table border-col border-header-row" >
       <thead>
         <tr>
  -        <th>Button Groups</th>
  +        <th class="span-4">Button Groups</th>
           <th><code>class="btn-group *"</code></th>
         </tr>
       </thead>
  
positive.code: <br>
  <br>
  
  <div class="grid">
    <div class="row">
      <div class="span-3">
        <h3>Button color</h3>
        <table class="table border-col border-header-row">
          <thead>
          <tr>
            <th>Button</th>
            <th><code>class="btn *"</code></th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>
              <button class="btn">Default</button>
            </td>
            <td></td>
          </tr>
          <tr>
            <td>
              <button class="btn blue">Blue</button>
            </td>
            <td><code>blue</code></td>
          </tr>
          <tr>
            <td>
              <button class="btn green">Green</button>
            </td>
            <td><code>green</code></td>
          </tr>
          <tr>
            <td>
              <button class="btn orange">Orange</button>
            </td>
            <td><code>orange</code></td>
          </tr>
          <tr>
            <td>
              <button class="btn red">Red</button>
            </td>
            <td><code>red</code></td>
          </tr>
          <tr>
            <td>
              <button class="btn grey">Grey</button>
            </td>
            <td><code>grey</code></td>
          </tr>
          <tr>
            <td>
              <button class="btn black">Black</button>
            </td>
            <td><code>black</code></td>
          </tr>
          </tbody>
        </table>
      </div>
      <div class="span-4">
        <h3>Button size</h3>
        <table class="table border-col border-header-row" >
          <thead>
          <tr>
            <th>Button</th>
            <th><code>class="btn *"</code></th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>
              <button class="btn">Default</button>
            </td>
            <td></td>
          </tr>
          <tr>
            <td>
              <button class="btn mini">Mini</button>
            </td>
            <td><code>mini</code></td>
          </tr>
          <tr>
            <td>
              <button class="btn small">Small</button>
            </td>
            <td><code>small</code></td>
          </tr>
          <tr>
            <td>
              <button class="btn medium">Medium</button>
            </td>
            <td><code>medium</code></td>
          </tr>
          <tr>
            <td>
              <button class="btn large">Large</button>
            </td>
            <td><code>large</code></td>
          </tr>
          </tbody>
        </table>
  
      </div>
      <div class="span-5">
        <h3>Button status</h3>
        <table class="table border-col border-header-row" >
          <thead>
          <tr>
            <th>Button</th>
            <th><code>disabled="true"</code> or <code>class="btn disabled"</code></th>
            <th><code>class="btn pressed"</code></th>
          </tr>
          </thead>
          <tbody>
          <tr>
            <td>
              <button class="btn">Default</button>
            </td>
            <td>
              <button class="btn" disabled="disabled">Default</button>
            </td>
            <td>
              <button class="btn pressed">Default</button>
            </td>
          </tr>
          <tr>
            <td>
              <button class="btn blue">Blue</button>
            </td>
            <td>
              <button class="btn blue" disabled="disabled">Blue</button>
            </td>
            <td>
              <button class="btn blue pressed">Blue</button>
            </td>
          </tr>
          <tr>
            <td>
              <button class="btn green">Green</button>
            </td>
            <td>
              <button class="btn green" disabled="disabled">Green</button>
            </td>
            <td>
              <button class="btn green pressed">Green</button>
            </td>
          </tr>
          <tr>
            <td>
              <button class="btn orange">Orange</button>
            </td>
            <td>
              <button class="btn orange" disabled="disabled">Orange</button>
            </td>
            <td>
              <button class="btn orange pressed">Orange</button>
            </td>
          </tr>
          <tr>
            <td>
              <button class="btn red">Red</button>
            </td>
            <td>
              <button class="btn red" disabled="disabled">Red</button>
            </td>
            <td>
              <button class="btn red pressed">Red</button>
            </td>
          </tr>
          <tr>
            <td>
              <button class="btn grey">Grey</button>
            </td>
            <td>
              <button class="btn grey" disabled="disabled">Grey</button>
            </td>
            <td>
              <button class="btn grey pressed">Grey</button>
            </td>
          </tr>
          <tr>
            <td>
              <button class="btn black">Black</button>
            </td>
            <td>
              <button class="btn black" disabled="disabled">Black</button>
            </td>
            <td>
              <button class="btn black pressed">Black</button>
            </td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  
  <br>
  <br>
  
negative.code: <table class="table border-col">
    <thead>
    <tr>
      <th class="span-3"><code>&lt;a&gt;</code></th>
      <th class="span-3"><code>&lt;input&gt;</code></th>
      <th><code>&lt;span&gt;</code></th>
    </tr>
    </thead>
  