title: why won't this css button center inside div?
body: <p>So... this is starting to annoy me ... and I thought i would come here and get some help..</p>
  
  <p>The main div around the box has a width... then there is text... and a button that i want in the center of the div..</p>
  
  <p>it is a <code>&lt;a href&gt;</code> button.. but it wont center.</p>
  
  <p>I didn't think I would need to specify a width since the outside div has a width.. i tried <code>margin:0 auto; text-align:center</code> etc nothing works</p>
  
  <pre><code>&lt;h2 class="service-style color_service"&gt;Annoyed&lt;/h2&gt;
  &lt;div class="service-text text1"&gt;
      &lt;p&gt;
          Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet…
      &lt;/p&gt;
  
      &lt;a href="" class="button button-large"&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>here is the fiddle link</p>
  
  <p><a href="http://jsfiddle.net/2gMQ9/" rel="noreferrer">http://jsfiddle.net/2gMQ9/</a></p>