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

Question

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

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

Как мне решить эту простую задачу?

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

Answer 2

Попробуйте это:

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

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

Answer 3

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

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

Answer 4

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