Hola a todos.
Tengo el siguiente problema: tengo una caja principal para una cabecera y quiero insertar otra caja para un menú dentro de la de cabecera alineada a la derecha y en la línea de fondo de la misma. Para ello tengo este código
Código HTML:
#cabecera {
height:80px;
}
#menu {
width:500px;
float:right;
vertical-align:baseline;
}
<!-- luego en el HTML: -->
<div id="cabecera>
Cabecera
<div id="menu"> Menu </div>
</div> He estado mirando
www.w3schools.com, y la alineación a la derecha con
float:right; me sale correctamente, pero la alineación vertical en la línea de base de la caja cabecera no me funciona.
En w3schools dice:
Baseline : The element is placed on the baseline of the parent element "El elemento es colocado en la línea de fondo de su padre".
Yo creo que con este parámetro se debería conseguir lo que quiero, pero parece que la estoy cagando.
Seguro que es algo básico, pero estoy atrancado aquí. Os agradezco de antemano cualquier ayuda que podáis ofrecer.
Un saludo