Absolute Positioning Text Alignment

Question

I would like some text to be centered in the bottom of the screen   I tried this  but it doesn t work  It looks like absolute positioning conflicts with the alignment   How could I achieve this simple task

User · Answer

Try this   http   jsfiddle net HRz6X 2   You need to add left  0 and right  0  not supported by IE6   Or specify a width

User · Answer

The div doesn t take up all the available horizontal space when absolutely positioned   Explicitly setting the width to 100  will solve the problem   HTML   lt div id  my-div  gt I want to be centered lt  div gt     CSS   my-div      position  absolute     bottom  15px     text-align  center     width  100

User · Answer

This should work    my-div      left  0     width  100

User · Answer

position  absolute  color   ffffff  font-weight  500  top  0   left  0   right  0   text-align  center

User · Answer

Maybe specifying a width would work  When you position absolute an element  it s width will shrink to the contents I believe

[html] Absolute Positioning & Text Alignment

Examples related to html

Examples related to css