Centrar contenido

[miguellara]

Buenas amigos, estoy armando el footer de una pagina xhtml y necesito que el contenido (un listado UL en linea) quede centrado tanto veticalmente como horizontalmente.

No lo puedo conseguir, alguien me puede dar una mano? El resultado de usar el siguiente codigo me alinea arriba a la izquierda.

Codigo CSS

Código:

#footer-nav{
    float:left;
	background:#ff0000;
	width:750px;
	height:50px;
}

#footer-nav ul{
	list-style:none;
}

#footer-nav li{
	display:inline;
}
#footer-nav li a{
	margin:5px;
}

Codigo html

Código HTML:

<div id="footer-nav">
		    <ul>
				<li><a href="#">Entrevistas</a></li>
				<li><a href="#">Agenda</a></li>
				<li><a href="#">Foros</a></li>
				<li><a href="#">Contacto</a></li>
			</ul>
		</div> 

Gracias!

[Daniel Ulczyk]

Reescribí lo que tiene que ver con ul, fijáte si esto te sirve:

Código:

#footer-nav ul{
    list-style:none;
    text-align: center; /*esto pone el ul centrado horiz*/
    line-height: 50px; /*esto iguala el height del div y lo centra vertical*/
    margin: 0; /*reseteado de márgenes*/
}

[miguellara]

funcionó de 10!

muchas gracias Daniel!!

[Daniel Ulczyk]

Por nada; me alegro te haya sido de ayuda.

Si pasa un mod por acá; por favor mover el post al foro de CSS.
Buen fin de semana!