Как сделать так, чтобы параграфы отображались в одну строку?

Question

[Влад]

Привет всем.
Под конец рабочего дня начинаю сильно тупить, даже не могу понять, как проделать такую штуку с параграфами: чтобы они отображались в одну строку, но первый выравнивался по левому краю, а второй по правому.
Демо: здесь

Comments

[Froggyweb]

это не тег p а див или спан по семантике.
по выравниванию способов много от флекса до флоата, выравнивания инлайн-блоков, можно сделать псевдотаблицу.....

Answer 1

[Константин Теплоухов]

display: flex;
	justify-content: space-between;

И всё будет ровно. Будь то параграфы или ещё что .

Comments

[Влад]

В этом случае иконки находятся слева, а текст справа. В прочем, проблему уже решил.

[Константин Теплоухов]

Влад, https://codepen.io/anon/pen/dmzGPd