Абсолютное позиционирование и выравнивание текста

Я хотел бы, чтобы какой-то текст был центрирован в нижней части экрана.

Я пробовал этот, но он не работает. Похоже, что абсолютное позиционирование конфликтует с выравниванием.

Как я мог достичь этой простой задачи?

Div абсолютно не занимает все свободное горизонтальное пространство. Явная установка ширины на 100% решит проблему:

HTML

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

CSS

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

Попробуйте следующее:

Вам нужно добавить left: 0 и right: 0 (не поддерживаемые IE6). Или укажите ширину

Это должно работать:

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

Возможно, задание ширины будет работать. Когда вы position:absolute элемент, ширина будет уменьшаться до содержимого, которое я считаю.