Próbuję umieścić podział na obrazie, aby działał jak podpis, bezpośrednio na obrazie.

Czasami podpis jest dłuższy niż inne czasy, więc nie mogę ustawić konkretnego marginesu: -px, ponieważ czasami wysokość podpisu jest dłuższa.

Próbowałem tego, a tło linku (czarny) nie pokazuje, tak jak właśnie powiedziałem, wysokość napisów zmienia się, więc ta metoda to śmieci:

 <div>  

  <img src = "<? echo $image_url ?>" style="float:left;min-width:220px;max-width:220px;">
   <a href="LINK" ><div style="width:210px;background-color:black;color:white;bottom:0;margin-top:-20px;padding-left:10px;padding-top:10px;font-size:16px;"><? echo $title ?></div></a>

 </div>