Test Foro de elhacker.net SMF 2.1

Programación => Desarrollo Web => Mensaje iniciado por: andrecid en 7 Enero 2016, 15:05 PM

Título: Alinear 3 imágenes en una línea con texto abajo? css
Publicado por: andrecid en 7 Enero 2016, 15:05 PM
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

.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?
Título: Re: Alinear 3 imágenes en una línea con texto abajo? css
Publicado por: xiruko en 9 Enero 2016, 03:17 AM
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]
<div class="container">
   <img src="...">
   <span>Algún texto...</span>
</div>


Código (css) [Seleccionar]
div.container {
   float: left;
   ...
}


Saludos!