Вертикально центрировать предметы с flexbox

Я пытаюсь центрировать элементы по вертикали с помощью flexbox CSS; и я знаю, как это сделать с кодом без префикса производителя, но даже с префиксами поставщика я не могу заставить его работать в Webkit (Chrome).

Я пытаюсь выровнять по вертикали промежутки в #trigger.

Вот мой CSS:

#trigger{
    /* 2009 syntax */
    display: -webkit-box;
    display: box;
    /* current syntax */
    display: -webkit-flex;
    display: flex;
}

#trigger span{
    /* 2009 syntax */
    -webkit-box-align: center;
    /* current syntax */
    -webkit-align-items: center;
    flex-align: center;
}

Есть идеи, что я делаю не так?

И если вы знаете префиксы / версии других поставщиков, которые я использую, не стесняйтесь делиться ими, чтобы это работало не только в Webkit.