ребят помогите разобраться с 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;
но не помогает,подскажите вы что не так
конечно гкод будет, попробуй кнопку в див вставить и применить 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]