Hola tengo 2 elementos div uno a lado del otro, en el primero se encuentra una imagen la propiedad de height en css con el valor de auto y en el segundo quiero que se encuentre un menú sencillo. Lo que quiero es que el menu quede en la parte de abajo y que coincida con la altura del primer div.
El código que tengo es este:
.mheader {
width:100%;
height:auto;
}
.logo {
width:25%;
background-color:#27AD57;
float:left;
}
.logo_img {
width:100%;
}
.menu {
width:75%;
float:right;
vertical-align:bottom;
text-align:bottom;
background-color:#2600FF;
}
<div class="mheader" >
<div class="logo" >
<img class="imagen" alt="imagen"/>
</div>
<div class="menu" >
<span><a href="#" >Link A</a></span>
<span><a href="#" >Link B</a></span>
<span><a href="#" >Link C</a></span>
<span><a href="#" >Link D</a></span>
</div>
</div>
Esto me arroja el siguiente resultado:
Y lo que necesito es algo así