Posizionamento assoluto e allineamento del testo

Question

Vorrei che il testo fosse centrato nella parte inferiore dello schermo.

Ho provato this, ma non funziona. Sembra che il posizionamento assoluto sia in conflitto con l'allineamento.

Come posso ottenere questo semplice compito?

Answer 1

Il div non occupa tutto lo spazio orizzontale disponibile quando è assolutamente posizionato. In modo esplicito impostando la larghezza su 100% risolverà il 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

Forse la specifica di una larghezza funzionerebbe. Quando un elemento è position:absolute, la sua larghezza si ridurrà al contenuto che credo.

Answer 3

Prova questo:

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

è necessario aggiungere left: 0 e right: 0 (non supportato da IE6). O specificare una larghezza

Answer 4

Questo dovrebbe funzionare:

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