Как выровнять по центру?

Question

[DarkByte2015]

Как выровнять по центру (горизонтально и вертикально) спан? https://jsfiddle.net/ozeyb1Lc/4/

Comments

[DarkByte2015]

Ни один из ответов не помог. :( На простом примере работает, а в проект переношу и не пашет.

[Ankhena]

DarkByte2015, ну так и где ваш код целиком?

Answer 1

[Леонид Князев]

Вот так

Answer 2

[Дмитрий]

.container {
    width: 300px;
    height: 300px;
    background-color: green;
    text-align: center;
}

.container:after {
    content: '';
    height: 100%;
    vertical-align: middle;
    display: inline-block;
}

.container span {
    text-align: center;
}

Answer 3

[HealSpirit]

Горизонтально - text-align: center родителю, а не на себя
Вертикально - поставить line-height родителю, равной высоте родителя (работает если 1 строка и известна высота родителя).
А так - https://habr.com/company/netcracker/blog/277433/