[Помогите] Вопрос про спан

Привет ребятки. Вопрос не трудный.
Есть div. Внутри дива span. Задаю span'у text-align: center; И ничего не происходит.
Почему выравнивание span'а не происходит?
Кусок кода https://jsfiddle.net/ktqubdtf/

 

а как вы хотите в строчном элементе выравнивание по центру сделать?))
задайте спану
display:block;
и будет вам счастье

 

хотя чёт я тупанул))
можно и без дdisplay:block; обойтись.
вы просто text-align: center; прописываете именно для спана чтобы внутри него

 

тут два варианта, либо span прописать display:block и задать text-align:center, либо самому div-у указать text-align:center
и тогда по центру будет span