Как сделать текст в одну линию?

Question

[Алексей Каратеев]

Здравствуйте, мне нужно, чтобы текст был в одну линию, но он перескакивает на другую строчку. Подскажите, как это исправить.
Вот так должно быть:

Вот так у меня:

Comments

[Евгений]

у ul
white-space: nowrap;

[Александр]

отступ от лого как задается?

[Алексей Каратеев]

Александр, padding

[Александр]

Алексей Каратеев, никак. Для этого делается сетка. Задайте для лого, например, ширину 30%, для меню 70. Тогда при сужении экрана весь текст будет прыгать на новую строку (тут уже или уменьшать в медиа запросах ширину, или стилизовать выпадающее меню, или стилизовать в медиа меню снизу).

[painmaker]

Александр, пардон. а зачем городить эти костыли с процентами, если уже давным давно существует флексбокс/грид? просто прижимаем меню к правому краю и дело в шляпе...

[Александр]

painmaker, не знал, что вся сетка бутстрап на костылях построена...

Answer 1

[painmaker]

https://jsfiddle.net/13qnrbky/