Горизонтальные меню в css/HTML

Question

Привет, поэтому я создаю веб-сайт, но меня немного беспокоит меню нижнего колонтитула. Он только становится горизонтальным, когда я использую float: left (но после пересечения определенной точки он создает новую строку). Если я использую что-либо другое, кроме float: left становится вертикальным. Моя цель - сделать все это на одной линии. Пример на изображении (моя цель - сделать горизонтальное меню нижнего колонтитула, как мое верхнее меню) https://i.gyazo.com/61f2f5f7c0e6d98ad181364365163dd4.png

Вот код, который я использовал. Footer код, основанный на коде меню:

#menuPan{width:736px; height:36px; position:relative} 

#menuPan ul.menu{position:absolute; top:0; left:0; width:736px; overflow: hidden; background-color:#3f3f3f;} 
#menuPan ul.menu li{height:36px; margin-right:5px; float:left; font-size:large; } 
#menuPan ul.menu li a{height:36px; display:block; display: inline-block; color: white; text-align: center; padding: 8px 10px; text-decoration: none;} 
#menuPan ul.menu li a:hover{height:36px; background-color: #6d6d6d;} 

И мой сноска код:

#footer ul.footertest li{height:20px; float:left; font-size:large;} 
#footer ul.footertest li a{height:20px; display:block; display: inline-block; color:darkslategrey; text-align: center; padding: 8px 10px; text-decoration: none;} 
#footer ul.footertest li a:hover{height:20px; background-color: #6d6d6d;} 

Answer 1

Что вы имеете в виду, когда вы говорите о какой-то момент?

Вы должны проверить ширину нижнего колонтитула <, потому что, если он не содержит много элементов, он не должен создавать вторую строку.

Answer 2

Try применения

display: inline-block;