Задать ширину ссылки css

Содержание

Увеличить зону кликабельности ссылки — HTML/CSS

Необходимо сделать ссылкой не только подзаголовок, но и саму картинку. Есть три способа три: назовем их хороший, плохой и злой.

Просто обернуть и заголовок, и картинку в ссылку следующим образом:

Обернуть все в одну ссылку:

Разместить ссылку в заголовке, а затем расширить область ссылки на всю карточку с помощь псевдоэлемента :before:

div  position: relative; > a:before  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; >

Можно использовать любой из этих трех способов, но лично я предпочитаю последний.

Просто обернуть и заголовок, и картинку в ссылку следующим образом:

Обернуть все в одну ссылку:

div  position: relative; > a:before  content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; >

Можно использовать любой из этих трех способов, но лично я предпочитаю последний.