Можно ли выровнять текст в div по вертикали с помощью `display: -webkit-box;`

Question

Я работаю с div, которому назначен следующий атрибут css: display: -webkit-box;.

Этот div мой содержит текст, который я хотел бы выровнять вертикально по центру. Возможно ли это без изменения атрибута display, указанного для div?

Дополнительная информация:

Я использую последнюю версию Chrome и попробовал vertical-align: middle;, что не удалось.

Answer 1

У меня работает следующее утверждение:

-webkit-box-align: center;

https://jsfiddle.net/awt39v5s/1/

Для "старого" определения flexbox, https://www.smashingmagazine.com/2011/09/css3-flexible-box-layout-explained/ - хороший ресурс.