Как выстроить элементы горизонтального меню в линию?

Question

[RNB]

Привет.
Нужно сделать горизонтальное меню в виде: 3 пункта-ссылки -> картинка -> текст
чтоб оно отображалось одной линией = пункты меню и текст должны быть посередине картинки, тобишь иметь какой-то padding сверху.

Не понимаю что нужно зафлоатить чтоб всё получилось или же возможно применить какой-то другой метод. Если ставлю padding для ul, то он сдвигает всё вниз.(

Демка: codepen.io/anon/pen/epmqKN

Answer 1

[Minningt]

https://jsfiddle.net/e9unLpr9/1/ - вот так?

Comments

[axblue]

Предполагаю, что так не совсем правильно. Я просто попытался ответить на вопрос(сам новичок ещё). Подожди более опытных.

[Minningt]

Алексей Мундуть: не знаю. Допустим, блок с id = test лишний(он оборачивает все элементы). Тестовый вариант же вариант. Под себя сделать легко