Выравнивание по центру в css

ребят помогите разобраться с css
нужно кнопку выровнять по центру
вот код

[code]a.button7 {
font-weight: 700;
color: white;
text-decoration: none;
padding: .8em 1em calc(.8em + 3px);
border-radius: 3px;
background: rgb(64,199,129);
box-shadow: 0 -3px rgb(53,167,110) inset;
transition: 0.2s;
}
a.button7:hover { background: rgb(53, 167, 110); }
a.button7:active {
background: rgb(33,147,90);
box-shadow: 0 3px rgb(33,147,90) inset;
}[/code]

ставлю text-align: center;

но не помогает,подскажите вы что не так

margin: 0 auto; попробуй

Margin: 0 auto;

VALTURY, не изменилось

конечно гкод будет, попробуй кнопку в див вставить и применить text alight

[code]
//Тег
<center><a href="#" class="button7">Кнопочка</a></center>

//Селектор
<div style="text-align:center;"><a href="#" class="button7">Кнопочка</a></div>

//Таблица))
<table style="width:100%; text-align:center;"><tr>
<td><a href="#" class="button7">Кнопочка</a></td>
</tr></table>
[/code]

Много еще чего есть...

RUKANO, Спасибо селектром сделал.
Добавлено 04.02.17 в 17:47:33:
ребят вот сразу вопрос как отцтуп сделать

на скрине отметил,бр не катит

Пжл)
Думаю <center>#</center> было бы проще)

RUKANO, ошибки html в двиге ,я бы сразу так сделал но только через css идет

Если ты с селектора делал то тогда так
[code]
//Селектор
<div style="text-align:center; margin:12px;"><a href="#" class="button7">Кнопочка</a></div>
[/code]

А ваще добавь class)
[code]
//Стиль
.div_center{text-align:center; margin:12px;}

//Селектор
<div class="div_center"><a href="#" class="button7">Кнопочка</a></div>
[/code]