Galeria simples imagens css sem link

[DanielMM 0]

Boa tarde, estou enfrentando um problema pela migração para divs.

Tenho um site 900px por 100% ( que ja esta feito todo em divs) porem quero colocar apenas uma galeria simples de imagens ex: 150x90 pixels cada foto dentro de uma div container, ela terá que ter uma legenda com o codigo do produto abaixo da imagem bem simples e quero 4 produtos por linha base, um ao lado do outro com espaçamento de 10px..até consegui fazer com ul li mas com legendas nao funcionou de maneira nenhuma.

 

Aguardo uma ajuda dos colegas.

 

 

[bruno_mosciatti 22]

<ul class="galeria">

<li><img src="#imagem1" /><p>Legenda da imagem 1</p></li>

<li><img src="#imagem2" /><p>Legenda da imagem 2</p></li>

<li><img src="#imagem3" /><p>Legenda da imagem 3</p></li>

<li><img src="#imagem4" /><p>Legenda da imagem 4</p></li>

</ul>

 

Qual a dificuldade?

[DanielMM 0]

A dificuldade seria esta aqui..o css para alinhar eles uma ao lado da outra..olhe o site que estou com duvidas.

 

http://innovavolantes.com.br/

 

Att,

Daniel

[bruno_mosciatti 22]

A dificuldade seria esta aqui..o css para alinhar eles uma ao lado da outra..olhe o site que estou com duvidas.

 

http://innovavolantes.com.br/

 

Att,

Daniel

 

Define tamanho para <ul> e <li>, dê float:left para <li>.