почему эта кнопка css не центрируется внутри div?

Итак ... это начинает раздражать меня ... и я подумал, что приду сюда и получу некоторую помощь ...

Основной элемент div вокруг поля имеет ширину ... затем есть текст ... и кнопка, которую я хочу в центре элемента div ..

это<a href> кнопка .. но это не по центру.

Я не думал, что мне нужно будет указывать ширину, так как внешний div имеет ширину .. я пыталсяmargin:0 auto; text-align:center и т.д. ничего не работает

<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>

вот ссылка на скрипку

http://jsfiddle.net/2gMQ9/

Ответы на вопрос(9)

Ваш ответ на вопрос