Как сгруппировать вещи вместе (изображение поверх текста + изображение поверх текста) в теге div?

Question

Im пытается сделать что-то, что кажется довольно простым.

Im пытается показать пару изображений все подряд. с каждым изображением я хочу показать текст под ним. Когда я пытаюсь это сделать, он либо обертывает строки, и я не могу получить изображения рядом друг с другом, либо он делает все встроенное, а третье изображение обертывает экран.

любые мысли?

вот какой-то код ...

<div style"display:inline"> 
     <img src="img/test.jpg" /> 
     Features 
     <a href="http://www.youtube.com/watch?v=wO4HJOf_DGU" rel="lightbox"><img alt="Watch a Video" src="img/test.jpg" /></a> 
     Watch a Video 
     <img src="img/test.jpg" /><br/> 
     Excetera 
    </div> 

Answer 1

Wrap-де-изображения в Див-х. Поместите текст в span в том же div; и поставьте его под картинку, сделав это style="clear:both"

Вы можете сделать div float и поместить их в большой div, если вы не хотите устанавливать их ширину вручную.

Например: <div> <div style="width:100px; height:100px; border: 1px solid red; diaply:inline;"></div> <span style="clear:both">Textg</span> </div>

Где рядный div действует как изображение.

Текст появляется под изображением