Posicionamiento absoluto y alineación de texto

Question

Me gustaría que el texto se centre en la parte inferior de la pantalla.

Intenté this, pero no funciona. Parece que el posicionamiento absoluto está en conflicto con la alineación.

¿Cómo podría lograr esta sencilla tarea?

Answer 1

El div no ocupa todo el espacio horizontal disponible cuando se encuentra absolutamente. establecer explícitamente el ancho a 100% va a resolver el problema:

HTML

<div id="my-div">I want to be centered</div>​ 

CSS

#my-div { 
    position: absolute; 
    bottom: 15px; 
    text-align: center; 
    width: 100%; 
} 

Answer 2

Tal vez la especificación de un ancho funcionaría. Cuando position:absolute un elemento, su ancho se reducirá a los contenidos que creo.

Answer 3

Prueba esto:

http://jsfiddle.net/HRz6X/2/

es necesario agregar left: 0 y right: 0 (no es compatible con IE6). O especificar un ancho

Answer 4

Esto debería funcionar:

#my-div { left: 0; width: 100%; }