Почему я не могу правильно -выровнять элемент с отображаемым :блоком и шириной :X?

Полный вопрос n00b здесь (по крайней мере, для элиты CSS):

Почему элемент как с display: block;, так и со значением для width, похоже, не соответствует свойству text-alignего родителя? То есть, кажется, что он всегда настаивает на том, чтобы держаться левой стороны.

Вот jsFiddle, иллюстрирующий проблему.

Очевидно, это должно соответствовать спецификации CSS. (Я имею в виду, что если Chrome, Firefox и Opera согласны с этим, у меня почти нет сомнений ); Я просто не понимаю.