css/HTMLの水平メニュー

Question

こんにちは私はウェブサイトを作成していますが、フッタメニューでちょっと困っています - 浮動小数点を使用すると水平になります：左（しかし、ある点を通過した後、 ）。私が浮動小数点以外の何かを使うならば、それは垂直になります。私の目標は、すべてを1行にすることです。画像の例（私の目標はトップメニューのようにフッタメニューを水平にすることです）https://i.gyazo.com/61f2f5f7c0e6d98ad181364365163dd4.png

ここに私が使用したコードがあります。メニューコードに基づいてフッターコード：

#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

あなたが特定のポイントについて話すとき、あなたは何を意味するのですか？

フッタメニュー<の幅をチェックする必要があります。多くの要素が含まれていない場合は、2行目を作成しないでください。

Answer 2

は

display: inline-block; 

を適用してください