title: Foundation 5: removing a gap at the left of my column
body: <p>I want to get rid of the gap at the left of my green button on <a href="http://uppix.com/f-shot5446475b0017edab.jpg" rel="nofollow">this screenshot</a>. I can't seem to find any way to remove it.</p>
  
  <p>Markup:</p>
  
  <pre><code>&lt;div class="row"&gt;
  
      &lt;div class="small-4 medium-5 large-4 columns"&gt;          
          &lt;a class="button" id="enroll_in_mooc" href="#"&gt;Enroll in MOOC&lt;/a&gt;   
      &lt;/div&gt;
  
      &lt;div class="small-6 medium-5 large-6 columns"&gt;      
  
          &lt;ul class="small-block-grid-1 large-block-grid-2" id="jason_computing_features_list"&gt; 
              &lt;li id="jason_computing_self_paced"&gt;Self-paced&lt;/li&gt;
              &lt;li id="jason_computing_hours_week"&gt;4 hours a week&lt;/li&gt;
              &lt;li id="jason_computing_assignments"&gt;3 Assignments&lt;/li&gt;
              &lt;li id="jason_computing_challenges"&gt;18 Challenges&lt;/li&gt;
          &lt;/ul&gt;
  
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>aa</p>