Why are two links not displayed in the block?

Question

MODX

Hello.
There is a block. There are two links in the background of the photo: the name of the material and the heading in which this material is included. Only the link below in the code works. Why is this happening and how can I make both links lead to the right places?

<article>
<span class="image">
<img src="cat.jpg" alt="cat" />
</span>
<header class="major">
<h3><a href="material" class="link">Материал</a></h3>
<p><a href="rubrika" class="link">Рубрика</a></p>
</header>
</article>

Answer 1

проблема в CSS, а не HTML

Answer 2

spanthis is a line tag But not a block tag,
you can put it imgin a tag <p></p>, but <span><img src=""></span>it is deprecated , i.e. it works for some reason and the validator will swear you for it, although in html5 it no longer matters but it’s not worth it