Почему не работает text-align?

Question

[IvanIvanIvanIvanIvan]

Подскажите почему не работает text-align
https://jsfiddle.net/wg8vkxLe/

Answer 1

[Антон Спирин]

Добавьте дочернему элементу display: inline-block;

либо уберите у родительского text-align: center; и добавьте дочернему margin: 0 auto;

Answer 2

[leni_m]

https://jsfiddle.net/wg8vkxLe/1/
Потому что див(у которого display:block) занимает всю ширину.