Hola amig@s, ante todo Feliz Navidad
Quiero poner dos imágenes con su correspondiente pie de foto una a continuación de la otra. Supongo que será muy fácil, pero los novatos tropezamos con cualquier cosa.
He creado un div en la hoja de estilos tal como este:
#imagenes{
background-color: #ffffff;
width:90%;
text-align: center;
padding: 5px 10px 5px 10px;
margin:auto;
}
y las imágenes las pongo de esta manera en el html:
<div id="imagenes">
<img src="imagen1.jpg" width="158" height="142" />
<h3>textde imagen 1</h3>
<img src="imagen2.jpg" width="158" height="158" />
<h3>texto de imagen2</h3>
</div>
De esta forma se ven una imagen con su texto debajo y la otra imagen debajo del texto de la primera.
Más o menos así:
----------
l imagen1 l
----------
texto img1
----------
l imagen2 l
----------
texto img2
En cambio lo que quiero es esto (centrado) con dos o más imágenes:
---------- ----------
l imagen1 l l imagen2 l
---------- ----------
texto img1 texto img2
No se si me explico bien, pero la cuestión es ¿como lo hago?
Gracias de antemano por la ayuda