Выравнивание в списке по вертикали?

Question

[Александр]

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

Answer 1

[DmitrySorokin]

Попробуйте задать всем элементам меню свойства display: inline-block; и vertical-align: middle;

Answer 2

[Сергей Горячев]

Я вижу самым логичным такой вариант :)
https://jsfiddle.net/webirus/grwy3smw/1/
https://jsfiddle.net/webirus/vb4a6vo1/1/
Через флексы построить меню.
Подвинуть логотип через ордеры.

И вот такая поправка про выравнивание.
https://jsfiddle.net/webirus/grwy3smw/2/
justify-content: space-between;

Answer 3

[iBird Rose]

советую все же разделить эту строку на 3 отдельные. и выравнивать отдельно картинку и отдельно 2 оставшихся поля с текстом.

Answer 4

[Денис Т]

.parent {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

Или вариант DmitrySorokin