button not staying within div

Viewed 16114

I have a <div> and a <button>, but for some reason, the button will not stay in the div.

I have tried to clear the div, as well as float: left but it has not helped.

I have also added padding to the bottom of the div, but I don't think that is the solution.

My code:

<div class="service-text text2">  
  <p>
this is some text
  </p>
<a href="" class="button-learn centered"><i class="fa fa-credit-card" style="padding-right:10px;"></i> Learn More</a>

  </div>

JSFiddle

3 Answers
Related