Hola, necesito resolver algo y no encontré aún la solución, espero me puedan ayudar.
tengo un div que engloba 5 divs.
4 quiero que queden en línea y el quinto debajo del 1°
- - - -
-
supongamos que esas líneas son divs.
tenía esto hecho, eran div´s con una imagen cada una. pero al agregarle un texto encima a modo de título, me deja los div´s en forma de escalera, cosa que no quiero.
cómo lo soluciono?
van los códigos:
<div id="libros">
<div id="narrativa"><p><h1>Narrativa</h1></p>
<img src="../responsive/images/tapaslibros/elrevestapa.jpg" align="left"/>
</div>
<div id="poesia"><p><h1>Poesía</h1></p>
<img src="../responsive/images/tapaslibros/fabriltapa.jpg" align="left"/>
</div>
<div id="infantil"><p><h1>Infantil</h1></p>
<img src="../responsive/images/tapaslibros/osodetrapotapa.jpg" align="left"/>
</div>
<div id="otro"><p><h1>Otro</h1></p>
<img src="../responsive/images/tapaslibros/jorobadotapa.jpg" align="left"/>
</div>
<div id="otro2"><p><h1>Otro2</h1></p>
<img src="../responsive/images/tapaslibros/sonetosadostapa.jpg" align="left"/>
</div>
</div>
CSS
#libros {
width: 100%;
padding: 20px;
height: auto;
}
#libros img {
width: 20%;
height: auto;
padding: 20px;
}
Gracias!