Мне нужно центральные кнопки в середине страницы, один под другим.Текстовые выравнивающие центральные кнопки
Я использовал код ниже, но в результате кнопки все еще отображались рядом друг с другом.
header {
text-align: center;
.btn {
@include Myriad-Pro-Light;
border-radius: 7px;
padding: 5px 10px;
border: none;
}
.btn-green {
color: #fff;
background: #7CAE9E;
margin: 20px;
}
.btn-grey {
color: #333;
background: $grey;
margin: 20px;
}
}
<header>
<a href="#" class="btn btn-default btn-green" role="button">Button A</a>
<a href="#" class="btn btn-default btn-grey" role="button">Button B</a>
</header>
Спасибо
Ребята - действительно считают, что код, прежде чем сделать это в работоспособный фрагмент кода. Если CSS нужно запускать через препроцессор, прежде чем он может быть использован, то он не будет выполнен. – Serlite
Поместите '
' между ними? – j08691