title: overide zurb foundation float right property for last element
body: <p>I am using Zurb foundation and I am trying to create a css property that will be called and override the property <code>float:right</code> that they give the the last column. I know that they provide the <code>end</code> class to make you able to float a <code>div</code> on the left, but I have a case where I really have to make sure that my css property is the one to be called at the end.</p>
  
  <p>code:</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="my-class small-6 columns"&gt;floated on the right by foundation&lt;/div&gt;
  &lt;/div&gt;
  
  .my-class{
    float:left;
  }
  </code></pre>
  
  <p>the above code does not work, but it works when I add the <code>important</code> property which is something I want to avoid as well.</p>