Salve ragà

Ho il seguente problema: devo mettere in una pagina (per varie volte nella pagina) due immagini sulla stessa linea e con sotto di esse una didascalia, come ho fatto per le due immagini qui, solo che ho dovuto srivere coi css del codice apposta, con risultati nn ottimi, e soprattutto non validi per altre immagini....come infatti vedete dal sorgente, ho ad esempio dovuto scrivere questo:

codice:
<div style="position:relative;margin-bottom:-200px;"><a name="immagine1-2"></a>
      <p class="centrato">[img]1a.jpg[/img]
<span style="position:relative;left:-100px;">Immagine 1</span></p>
      <p class="centrato">[img]1b.jpg[/img]
<span style="position:relative;right:-100px;top:-190px;">Immagine 2</span></p>
    </div>
insomma...nn va bene!

Qual è il codice giusto per fare quello che vorrei fare?