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

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

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

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

Ответы

Ответ 1

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%;
}

Ответ 2

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

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

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

Ответ 3

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

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

Ответ 4

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