Как правильно выравнить псевдоэлемент на flexbox?

Question

[Dvorak]

Здравствуйте. Хотелось бы, чтобы правая иконка (которая вк) выравнивалась бы по правому краю, а всё остальное - по левому. При этом всё должно быть выровнено по вертикали по центру. Оборачивать элементы в другие теги нельзя

Как поправить?
codepen.io/anon/pen/jrNdgE

Answer 1

[DTX]

Глупость какая-то..
codepen.io/anon/pen/ALAwYV
Зачем всё (a) оборачивать? Хотя бы текст в span обернуть..

Вот так было бы правильнее:

Codepen

Answer 2

[HamSter]

a {
    display: flex;
    align-items: center;
    align-content: space-between;
    justify-content: space-between;
}

Comments

[Dvorak]

у меня надпись тогда по центру оказывается. А мне нужно, чтобы она слева была