title: button not staying within div
body: <p>I have a <code>&lt;div&gt;</code> and a <code>&lt;button&gt;</code>, but for some reason, the button will not stay in the div.</p>
  
  <p>I have tried to clear the div, as well as <code>float: left</code> but it has not helped.</p>
  
  <p>I have also added <code>padding</code> to the bottom of the div, but I don't think that is the solution.</p>
  
  <p>My code:</p>
  
  <pre><code>&lt;div class="service-text text2"&gt;  
    &lt;p&gt;
  this is some text
    &lt;/p&gt;
  &lt;a href="" class="button-learn centered"&gt;&lt;i class="fa fa-credit-card" style="padding-right:10px;"&gt;&lt;/i&gt; Learn More&lt;/a&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/Qt9u3/" rel="nofollow noreferrer">JSFiddle</a> </p>