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

Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

Foro

Web

Blog

23 Diciembre 2024, 15:45 pm

Tema destacado: Recopilación Tutoriales y Manuales Hacking, Seguridad, Privacidad, Hardware, etc

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

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

0 Usuarios y 1 Visitante están viendo este tema.

Páginas: [1]

Autor

Tema: Alinear 3 imágenes en una línea con texto abajo? css (Leído 5,448 veces)

andrecid

Desconectado

Mensajes: 126

Haz lo que quieras, por que nadie te puede obligar

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

« 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?


	En línea

xiruko

Desconectado

Mensajes: 438

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

« Respuesta #1 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!


	En línea

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	¿Alinear NUEVOS iconos del escritorio a la derecha o abajo a la izquierda? Windows	SuperDraco	3	7,698	5 Junio 2011, 16:25 pm por Randomize
	alinear texto Programación C/C++	m@o_614	8	8,395	10 Febrero 2013, 20:20 pm por do-while
	Alinear texto (Solucionado) « 1 2 » Programación C/C++	nolasco281	11	8,970	26 Marzo 2014, 17:46 pm por leosansan
	Alinear texto a la derecha Programación C/C++	Sothu	4	4,932	12 Diciembre 2015, 19:38 pm por fary
	[Resuelto] Alinear texto dentro de imagen (IE) Desarrollo Web	.:UND3R:.	1	4,420	8 Febrero 2016, 21:25 pm por karmany