como colocar horizontalmente 2 imagenes de distinto tamano con css
Publicado por Gonzalo (1 intervención) el 12/08/2017 08:15:31
Hola! necesito colocar 2 imagenes una a la par de otra. Cada imagen tiene un tamano diferente si es visualizado por si sola.
Mi codigo html es
y mi css:
Cualquier ayuda es bienvenida! gracias!
Mi codigo html es
1
2
3
4
5
6
7
8
9
10
11
<section id="contenedor2">
<div id="imagen2">
<img src="img/2.jpg">
<h2>Paisajes</h2>
</div>
<div id="imagen3">
<img src="img/3.jpg">
<h2>Retratos</h2>
</div>
</section>
y mi css:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
#contenedor2{
background-color: #d5c75f;
padding: 20px;overflow: hidden;display: flex;flex-wrap: wrap;
}#imagen2 {
float: left;text-align: center;
font-family: dancing script;
text-decoration: underline;
}#imagen3 {
float: right;text-align: center;
font-family: dancing script;
text-decoration: underline;
}#imagen2 img{
width: 85%;
height: 85%;
}#imagen3 img{
width: 85%;
height: 85%;
}Cualquier ayuda es bienvenida! gracias!
Valora esta pregunta
0
