Как да добавите текст към картина, така че и картината, и текстът да са връзки

Имам 3 квадратни снимки подред. В средата на всяка снимка има текст с контур. Всяко текстово поле трябва да е връзка. Как да напиша правилно html и css код в този случай?

картина

Html код:

Публикувам решението. w3c валидатор не се кълне.

> (според стандарта не можете да влагате блокови елементи в тага [a])

Прикачвате снимка и текст, какво общо имат блоковите елементи с тях.

HelpSophie: Ако говорим за този конкретен случай, текстът с рамка най-вероятно ще бъде абсолютно позициониран. И се показва абсолютното позициониране: блокирайте априори.

Ако говорим за подобни случаи като цяло, тогава това обикновено се случва в онлайн магазините, където има матрица от елементи на картинка/име и те трябва да могат да се кликват заедно. А в онлайн магазините името на стоката винаги се прави в заглавия (h4-h5) поради SEO причини.