centrar verticalmente

[tecla2]

hola,
tengo un <div id="nav"> donde uso varios enlaces
he definido el estilo así:

#nav a {
display:block;
width:10em;
text-decoration:none;
color:#ffffcc;
background-color:#333333;
height:30px;
}

quisiera que el texto se mostrara centrado verticalmente (algo como la propiedad valign=middle de las tablas)
cómo puedo hacerlo??
gracias

[Impostor]

Buenas,

actualmente css no tiene ninguna propiedad de alineado vertical. Debes jugar con las propiedades margin(-top), padding y line-height.

Saludos¡¡

[tecla2]

ok, investigaré para ver si lo consigo
gracias

[AhmedRugama]

hola, supongo que lo que estas haciendo es como un menu, lo que podes hacer es agregarle
line-height: 2em; <- Proba aumentandole segun el tamaño de tu contenedor

Me contas si te sirve, asi hago todos mis menus yo, porque utilizando padding me parece un poco inexacto.

[tecla2]

gracias ahmedrugama!!
lo probé y todo perfecto
muchas gracias

[AhmedRugama]

Claro de Nada, estamos para ayudar

[Impostor]

Iniciado por AhmedRugama

porque utilizando padding me parece un poco inexacto.

Llevas toda la razón, si es en un menú, lo mas lógico es line-height;.

[zeandesign]

Prueba con una capa absolute al 50 % - su margin top - left,

Código:

#nav {

	position: absolute;
        left: 50%;
        top: 50%;
	width:10px;
	height:30px;
	margin-top: -15px; 
        margin-left: -5px;
	display:block;
        text-decoration:none;
         color:#ffffcc;
         background-color:#333333
}

Saludos.