CSS - Centrar un span dentro de un div

Hola a todos,

Me creado un contenedor con la etiqueta div y dentro de ella un span para escribir un titulo. Me gustaría que ese titulo estuviera centrado dentro del area que he definido para ello, por lo tanto me quiero centrar ese span tanto horizontal como verticalmente dentro del div. ¿Alguien sabe como hacerlo?

He probado con valign, o con margin: 0 auto...pero no funciona. El centrado horizontal lo hago con text-align:center, pero no se si es la solicion idonea, puesto que no se trata de texto, sino lo que quiero centrar es un span.

Gracias de antemano y un saludo.

Hola Miguel:

Si conocemos las dimensiones en píxeles (alto y ancho), el centrado del div sería (en este caso 720 x 480 px)


En tu caso concreto, asignado un id al span, sería lo mismo, pero con position:relative; para centrarlo dentro del div.

Si nuestro centrado depende de la pantalla, hemos de acudir a jQuery para, primero, saber las dimensiones de la pantalla que muestra la página y después centrarla sobre la misma base (misma filosofía)