@fleshik

Как разместить ссылку внутри блока по центру, а весь блок сделать ссылкой?

подскажите почему не срабатывает align-items: center и что изменить в коде https://pastebin.com/8M3vzLxK чтоб слово "ССЫЛКА" разместилось по центру блока то есть с одинаковыми отступами слева справа снизу и сверху,а весь блок остался ссылкой
  • Вопрос задан
  • 85 просмотров
Пригласить эксперта
Ответы на вопрос 3
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Да просто удалить div и задать стили ссылке
a {
  width: 300px;
  height: 200px;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

https://jsfiddle.net/4pcsr617/
Ответ написан
ThunderCat
@ThunderCat
{PHP, MySql, HTML, JS, CSS} developer
Во первых базы хтмл бы выучить сначала, например то что стили обрамляются тегом style.
Во вторых цсс лежит ниже хтмл, соответственно работать вообще не должен.
в третьих не надо тупить, есть нормальные сервисы для работы с хтмл/жс, такие как jsfiddle, codepen, используйте их.

https://jsfiddle.net/qk0yf653/1/
Ответ написан
Seasle
@Seasle
Помог - отметь решением \( ゚ヮ゚)/
Вообще, чтобы сделать семантически верно, в случае, если в карточке есть ссылка, а кликабельной должна быть вся карточка, тогда делают так:
.card {
	position: relative;
}

.card .card__link::after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: '';
}
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы