dlaczego ten przycisk css nie znajduje się w środku div?

Więc ... zaczyna mnie to denerwować ... i pomyślałem, że przyjdę tutaj i pomogę ..

Główny div wokół pola ma szerokość ... wtedy jest tekst ... i przycisk, który chcę w środku div ..

to jest<a href> przycisk .. ale to nie będzie centrum.

Nie sądziłem, że będę musiał określić szerokość, ponieważ zewnętrzny div ma szerokość .. Próbowałemmargin:0 auto; text-align:center itp. nic nie działa

<h2 class="service-style color_service">Annoyed</h2>
<div class="service-text text1">
    <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Lorem ipsum dolor sit amet…
    </p>

    <a href="" class="button button-large"><i class="fa fa-credit-card" style="padding-right:10px;"></i> Learn More</a>
</div>

oto link do skrzypiec

http://jsfiddle.net/2gMQ9/

questionAnswers(9)

yourAnswerToTheQuestion