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.

Answer 1

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

I want to be centered
​

CSS

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

​