[SOLUCIONADO] Alinear menu horizontal de 2 lineas con css

[ndrag1982]

Hola Amigos!! Tengo un problema al querer hacer un menú con las etiquetas <ul> <li> tengo un menú horizontal que algunos tienen links de doble linea de texto y no me quedan centrados aquellos links que tienen solo 1 linea.

Hasta la he puesto un pinto y un <br> para que quede alinado con los links de 2 lineas pero queda horrible

He intentado varias opciones pero no tuve resultados

La pagina para que miren el ejemplo es:

http://www.noradragon.com.ar/righmetal/index.html

Espero me puedan ayudar

[andresgarciadev]

quitale esos br, quitales el height a "#menu ul li a", usa inline-block en vez de float y con un vertical-align middle funcionara

[ndrag1982]

Hola Andres! Muchas gracias por la ayuda! me resultó, se alinearon perfecto.
Solo tuve un inconveniente, tuve que poner la clase: #contenedor #menu con 100 px de altura para que me quede centrado. si le pongo menos altura ya no se centra, sabes porque será?

muchas gracias nuevamente

te dejo el link:

http://www.noradragon.com.ar/righmetal/index.html

[andresgarciadev]

si, es por que "#menu ul li" sigue teniendo float, al ser elementos flotantes es como si #menu no tubiera nada dentro... por eso te dije que uses display inline-block bajandole un poco su width
y de esa forma #menu ya no necesita tener un height estatico

[ndrag1982]

Andres, lo pude solucionar con lo que me indicaste, muchisimas gracias!!.