How to place text right below the images>I tried span class..is there a simpler way?

1

How do I place text right below the images ?
Is there a simpler / better or more correct way to do it ?
I tried :

<!-- logo 4 colours –>
<div class=“wrap block-2”>
<a href=“#”><img src=“images/page2-img1.jpg” alt=“” class=“img-border”></a>

        &lt;a href="#"&gt;&lt;img src="images/page2-img2.jpg" alt="" class="img-border"&gt;&lt;/a&gt;
        
        &lt;a href="#"&gt;&lt;img src="images/page2-img3.jpg" alt="" class="img-border"&gt;&lt;/a&gt;
        
        &lt;a href="#" class="last"&gt;&lt;img src="images/page2-img4.jpg" alt="" class="img-border"&gt;&lt;/a&gt;
    &lt;/div&gt;
    
       &lt;div class="wrap block-2"&gt;
    	&lt;span class="txtbelowimage1" &gt;txt txt txt &lt;/span&gt;
        &lt;span class="txtbelowimage2" &gt;txt txt txt &lt;/span&gt;
    &lt;/div&gt;

<!-- /// logo 4 colours + text –>

css =

.txtbelowimage1 {
padding:8px;
margin:18px;
}

.txtbelowimage2 {
padding:8px;
margin:38px;
}