Buenas!
¿Podriais decirme como alinear verticalmente el cuadrado verde que está dentro del rojo?
La cosa es que este cuadrado verde contienen a su vez una imagen (logo) y este si consigo alinearlo mediante la etiqueta line-height: 200px
, pero dicho cuadrado no.
¿Donde sería el lugar correcto para poner line-height
(o lo que sea), para conseguir este efecto?
Decir que antes de preguntar, he estado leyendo el foro y de allí he sacado lo del line-height
, pero no consigo que el verde se alinee también.
Gracias
.Marca_General {
height: 110px;
width: 80%;
background-color: red;
margin: auto;
/* Alinea verticalmente los logos */
line-height: 200px;
}
.Marca_Individual {
width: 100px;
height: 100px;
background-color: green;
margin: 5px;
}
<html>
<body>
<div class="Marca_General">
<div class="Marca_Individual">
<img src="Img/Iconos/logoBombilla.png" alt="">
</div>
</div>
</body>
</html>