Javascript 导航栏没有正确对齐

我正在开发一个使用HTML、CSS和JS的web项目。现在，我的导航栏的两个选项卡没有正确对齐。我怎样才能解决这个问题

这是我的CSS和HTML：

ul{
文本对齐：左对齐；
列表样式：无；
-webkit盒阴影：0.5pxRGBA（0,0,255,0.15）；
-moz盒阴影：0.5pxrgba（0,0,0,0.15）；
长方体阴影：0.5pxRGBA（0,0,0,0.15）；
宽度：900px；
}
ulli{
字体：粗体12px/18px塔荷马；
显示：内联块；
右边距：-4px；
位置：相对位置；
填充：15px 20px；
背景：橙色；
光标：指针；
-webkit转换：所有0.2秒；
-moz转换：全部为0.2s；
-ms转换：均为0.2s；
-o-过渡：均为0.2s；
过渡：均为0.2s；
边框：黑色1px；
}
ulli：悬停{
背景：黄色；
颜色：黄色；
}
ul li ul{
填充：0；
位置：绝对位置；
顶部：48px；
左：0；
宽度：150px；
-webkit盒阴影：无；
-莫兹盒阴影：无；
盒影：无；
显示：无；
不透明度：0；
可见性：隐藏；
-webkit transiton：不透明度0.2s；
-moz转变：不透明度0.2s；
-ms转换：不透明度0.2s；
-o-转变：不透明度0.2s；
-过渡：不透明度0.2s；
}
ul li ul li{
背景：橙色；
显示：块；
颜色：#fff；
文本阴影：0-1px0#000；
}
ul li ul li:悬停{背景：黄色；}
ul-li：悬停ul{
显示：块；
不透明度：1；
能见度：可见；
}
#新界分区{
显示：-网络工具包盒；
-webkit盒方向：水平；
}

您只需添加

display:inline带有一些填充物，例如：

ul {
  text-align: left; 
  display: inline;  //modification
  padding: 15px 4px 17px 0; //modification
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  width:900px;
}

这是
我想你的意思是导航“促销”和“礼品Vo”不在同一行；
因为您设置了“ul”宽度“900px”，所以您可以更改宽度或“ul li”填充以放下所有导航
 对不起，看不出你已经被解决了；是的，这就是我想要的。但是我知道了。谢谢你的回答。哦，我错过了。谢谢你的回答