[SOLUCIONADO] Vertical align middle

[Alejandro_xgr3x]

Buenas developers!

Tengo un problema para alinear un div verticalmente, ya que vertical-align:middle; no funciona y no se por qué

Código HTML:

<header>
    <div class="logo"><img src="#"></div>
    <div class="menu">
        <ul>
            <li></li>
            <li></li>
        </ul>
    </div>
</header>
 

Código CSS:

header{
    height: 150px;
    vertical-align:middle;
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-color:#252525;
    display: inline-block;
}
#logo{
    vertical-align: middle;
    height: auto;
}
#menu{
    float: right;
    vertical-align: middle;
 }
 

[mbm150]

Hola

como esta amrcado como solucionado supongo que ya lo has resuelto, pero lo pongo igualmente por si a alguien mas le sirve, no puedes usar vertical-align con float, usa inline-block en su lugar.

Código CSS:

header{
    height: 150px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    background-color:#252525;
}
.logo{
    vertical-align: middle;
    height: auto;
    display: inline-block;
}
.menu{
  display: inline-block;
    vertical-align: middle;
 }
 

Saludos.