[SOLUCIONADO] Cuadrar imagenes dentro de varios div

[andrea7755]

Bueno resulta hace un tiempo me ayudaron hacer un modulo con css con algo mas avanzado que yo aun desconsco pero quisiera que me ayudaran a solucionar
mi problema, deberia quedarme algo asi



normalmente el codigo como me ayudaron quedo asi.

<div><img src=""><p>hola</p><div>

pero añadi el antes de img el codigo para hacer hypervinculo asi

<div><a href=""><img src=""><p>hola</p></a><div>

y todo se descuadro, no conosco mucho el css que me ayudaron a usar
asi que recurro a su ayuda para poder solucionar el problema que tengo
y si pudieran tmb como denominan al css que se usa ahi.

ejemplo aqui de como quedo:
https://codepen.io/andrea7755/pen/wWNrRz

espero me puedan ayudar

[pzin]

¿Por qué no usas div como enlace? Y luego en el CSS solo cambias el selector para que afecta a enlaces.

[andrea7755]

ya lo solucione.

como hacer que el div sea enlace?
otro mas como se demonia el css usado en el ejemplo que deje?
por que es como una cadena.

gracias