[css] почему не работает vertical-align:middle?

Question

[vegarulez]

Всем привет! Подскажите как в примере:
jsfiddle.net/L1nct4pb/2
сделать zzzz по центру блока родителя - по высоте.
Почему-то не работает vertical-align:middle.

Answer 1

[Гриша Никольский]

Просто оставлю это здесь.
Столкнулся с этой же проблемой сегодня. В вашем случае скорее всего статья и поможет.

Answer 2

[VisualIdeas]

Учите матчасть) frontender.info/centering-css-complete-guide

Comments

[VisualIdeas]

ну а вообще display: table-cell; - только тогда вертикал алигн мидл сработает

Answer 3

[tef]

Всё дело в высоте строки (line-height). Строчные элементы равняются по строке. Если выставить высоту строки равной величине родительского элемента в котором нужно отцентровать, то будет желаемый эффект.