Foro de elhacker.net

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

Código:

.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

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

Código

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

Saludos!