Javascript fa图标将元素推开

我正在尝试创建一个带有一些选项卡的导航菜单。但是，带有“fa图标”的选项卡下面的选项卡占用了太多的空间，其他元素被向右或向下移动（如果有第三行）

我怎样才能避免这种推搡

看起来是这样的：

滑块{
位置：固定；
顶部：168px；
背景色：白色；
左：48px；
右：48px；
z指数：3；
填充顶部：6px；
}
.导航标签{
边框底部：1px实心#C4C4；
}
.导航{
左侧填充：0；
页边距底部：0；
列表样式：无；
}
ol，ul{
边际上限：0；
边缘底部：10px；
}
* {
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
菜单，目录{
显示：块；
列表样式类型：disc；
-之前的webkit保证金：1em；
-webkit后的页边距：1em；
-webkit保证金开始：0px；
-webkit页边距结束：0px；
-webkit填充开始：40px；
}

试试这个：

header{
position:relative;
}
#yourNavIconsTab {
li {
    list-style: none;
    display: inline-block;
    padding:3px;
    float:right;
    color:@brand-primary;
    position:absolute;
    right:0px;
    top:0px;
  } 
}

---

您可能需要调整

顶部

和

右侧

值。

能否在代码段中包含相关的外部链接？你发布的内容不清楚是什么问题，thanks@ovokuro我已经编辑了这个问题，如果有这么多标签，那么很明显，将标签推到下一行。

fa

并没有将标签推到下一行，“然后结束时没有空格，它将自动推到下一行。@chiragsatapara检查tab12如何不在tab1下开始…@Sammy，它在tab1下开始，请参见此图像链接。”