Balken unter Bild

[Beat]

weiß jemand, wie ich so einen Balken unter ein Bild bekomme wie auf dieser Seite:
http://kurier.at/
In dem Balken möchten ich dann einen Text anzeigen, den man dann anklicken kann.

<a class="your_class_name">  
  <img src="..." alt="Kurzbeschreibung">  
  <span style="  
          position:absolute;  
          display:block;  
          bottom:0;  
          color:#fff;  
          background:rgba(0, 0, 0, 0.3);  
     ">  
     Begleittext  
  </span>  
</a>

Besser als Klasse notieren.

mfg Beat