Я пытаюсь поместить div на изображение, чтобы оно действовало как заголовок, прямо поверх изображения.

Иногда заголовок длиннее, чем в другой раз, поэтому я могуt установить конкретный margin-top: -px, потому что иногда высота заголовка больше.

Я попробовал это, и фон ссылки (черный) не отображается, также, как я только что сказал, высота заголовка изменяется, поэтому этот метод является мусором:

   

  <img src="? echo $image_url ?" style="float:left;min-width:220px;max-width:220px;">
   <a href="LINK"></a>