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

**URL:** <https://forum.kirupa.com/t/how-to-place-text-right-below-the-images-i-tried-span-class-is-there-a-simpler-way/328465>\
**Category:** Uncategorized\
**Created:** [May 19, 2012, 2:56am UTC](https://forum.kirupa.com/t/how-to-place-text-right-below-the-images-i-tried-span-class-is-there-a-simpler-way/328465 "2012-05-19T02:56:07Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![multimediamkt](https://avatars.discourse-cdn.com/v4/letter/m/e9c0ed/32.png) [@multimediamkt](https://forum.kirupa.com/u/multimediamkt)\
**Post date:** [May 19, 2012, 2:56am UTC](https://forum.kirupa.com/t/how-to-place-text-right-below-the-images-i-tried-span-class-is-there-a-simpler-way/328465/1 "2012-05-19T02:56:07Z")

</div>

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;  
}