[SOLUCIONADO] Centra imagen con menú

[bandolera]

Hola tengo esta cabecera:

Código HTML:

<header>
		<div class="wrapper">
			<div class="logo">
				<img src="logo.png"/>
			</div>
			<nav>
				<a href="">Inicio</a>
				<a href="">Servicios</a>
				<a href="">Proyectos</a>
				<a href="">Clientes</a>
				<a href="">Contacto</a>
			</nav>
		</div>
	</header> 

Su código CSS:

Código HTML:

header{
	width: 100%;
	overflow: hidden;
	background: #252932;
	margin-bottom: 20px;
}

.wrapper{
	width: 90%;
	max-width:1000px;
	margin: auto;
	overflow: hidden;
}

header .logo{
	line-height: 100px;
	float: left;
}

header nav{
	float: right;
	line-height: 100px;
}

Pero quiero que el logo y los elementos del nav estén alineados de manera vertical. Cómo lo logro?

[webosiris]

así en el aire respondiendo rápido no se si lo que te voy a decir va a funcionar, pero intenta aplicando vertical-align:middle a la img

[bandolera]

Iniciado por webosiris

así en el aire respondiendo rápido no se si lo que te voy a decir va a funcionar, pero intenta aplicando vertical-align:middle a la img

No puedo creerlo!!
Yo intenté eso pero en el div logo pues es el elemento exterior. No pensé que tenía que aplicarlo directametne a la imagen.
Estoy ciega. Gracias.