Здравствуйте, я не могу центрировать ссылку.
#Anyadir-Rutina-btn {
background-color: #21211d;
color: #FFF;
padding: 10px;
border-radius: 20px;
text-decoration: none;
cursor: pointer;
}
<div id="Power-Contenedor">
<a href="#" id="Anyadir-Rutina-btn"> Añadir entreno </a>
</div>
По какой причине ты не позволяешь мне?
Здоровье
Вы должны определить ширину контейнера
#Power-Contenedor
, а затем, если вы центрируете его.Вы должны просто присвоить свойство
text-align: center
контейнеру, чтобы центрировать ссылку, так как это элементinline
.ПОЯСНЕНИЕ: При принятии блочных элементов (
display: block
) за 100% ширины, доступной по умолчанию, в этом случае вам не нужно будет определять ширину, так как она займет 100% ширины страницы.Ваш модифицированный пример: