Alinear 3 imágenes en una línea con texto abajo? css

[andrecid]

Hola tengo una duda y no la encuentro en internet.

La cosa es :

Tengo 3 imágenes en una misma línea, pero cuando escribo texto, este no se me pone debajo de cada imagen.

Lo que quiero es algo así:

Imagen          Imagen      Imagen

Texto            Texto         Texto

Código [Seleccionar] Expandir

.imagen
{
  margin: .5em;
  margin-left: 5em;
  float:left;
  cursor:pointer;
  padding:1%;
  height:30%;
 
}

Este código le tengo en las 3 imágenes.Así se me queda Alineado.

Alguien me puede ayudar?

[xiruko]

Lo que debería flotar no es la imagen sino el contenedor de cada de esos elementos, donde cada elemento sería una imagen+texto. Por ejemplo:

Código (html4strict) [Seleccionar] Expandir

<div class="container">
   <img src="...">
   <span>Algún texto...</span>
</div>

Código (css) [Seleccionar] Expandir

div.container {
   float: left;
   ...
}

Saludos!