title: "last" style not working. Margin
body: <p>HTML</p>
  
  <pre><code>&lt;div class="col-3"&gt;&lt;a class="fancybox-effects-c" rel="group" href="images/image1.jpg" title="New Home Number Two"&gt;&lt;img src="images/thumb_image1.jpg" class="fade" alt="" width="100%" /&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div class="col-3"&gt;&lt;a class="fancybox-effects-c" rel="group" href="images/image2.jpg" title="New Home Number Two"&gt;&lt;img src="images/thumb_image2.jpg" class="fade" alt="" width="100%" /&gt;&lt;/a&gt;&lt;/div&gt;
  &lt;div class="last"&gt;&lt;a class="fancybox-effects-c" rel="group" href="images/image3.jpg" title="New Home Number Three"&gt;&lt;img src="images/thumb_image3.jpg" class="fade" alt="" width="100%" /&gt;&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>        .col-3 {
      width:31.5%;
      float:left;
      margin-right:1.8%;
      margin-bottom:1.6949%;
      display:block;
  }
  
  .last {
      width:31.5%;
      float:left;
      margin-right:0;
      margin-bottom:1.6949%;
      display:block;
  }
  </code></pre>
  
  <p>With this code. My images on the right should have 0 margin. But they dont. They have the same as col-3</p>