Как вставить иконку FontAwesome в блок div и выровнять её вертикально?

Question

[Jake Taylor]

Собственно вопрос в названии вопроса - Как вставить иконку FontAwesome в блок div и выровнять её вертикально?

Вот, что предпринял я и что из этого вышло:
https://jsfiddle.net/y8pnc653/

Answer 1

[Дмитрий]

можно так. li сделать флексовым.
float не убирал. иконки библиотекой подключил

Comments

[Jake Taylor]

Интересует именно способ вставки иконки через css

[Дмитрий]

Jake Taylor, https://jsfiddle.net/0q751pj6/41/ все тоже самое. с кодами я не силен, нужно подбирать.

[Jake Taylor]

Дмитрий, Благодарю. Встречный вопрос - целесообразно ли изначально использовать flexbox, т.е. задать его для всего меню и дальше разрабатывать с помощью flexbox?

[Дмитрий]

Jake Taylor, я честно забыл когда float последний раз использовал... меню можно и на флексах спокойно сделать - flex-direction: column, если sidebar. все зависит от задач и фантазии

Answer 2

[Андрей Ежгуров]

Надо было всего лишь подключить файл стилей:
А для выравнивания - flex.

Comments

[Jake Taylor]

А выравнивание вертикальное где?)

[Андрей Ежгуров]

Jake Taylor, Заменил в ответе на вариант с выравниванием.

[Jake Taylor]

Андрей Ежгуров, Благодарю Вас.