Html li项目赢得'；它不能按应有的方式展示

我试图创建一个简单的导航栏，父容器是相对位置的，子容器是绝对位置的，但是所有的li项只是在一堆堆中相互堆叠

正文{
保证金：0；
填充：0；
背景色：#eee；
}
.导航栏菜单{
宽度：100%；
背景色：#fff；
位置：相对位置；
}
navbarMenu li先生{
列表样式：无；
文本对齐：居中；
位置：绝对位置；
显示：内联块；
右：5px；
}

我移除了

绝对定位，并将
右侧
替换为
左侧边距
。这是元素之间的相对裕度，我认为这是您想要的结果：



正文{
保证金：0；
填充：0；
背景色：#eee；
}
.导航栏菜单{
宽度：100%；
背景色：#fff；
位置：相对位置；
}
navbarMenu li先生{
列表样式：无；
文本对齐：居中；
显示：内联块；
左边距：5px；
}





我想把它们放得更近，就像推特导航栏一样

最简单的方法是什么


正文{
保证金：0；
填充：0；
背景色：#eee；
}
.导航栏菜单{
宽度：100%；
背景色：#fff；
位置：相对位置；
填充：10px；
}
navbarMenu li先生{
列表样式：无；
文本对齐：居中；
显示：内联块；
左边距：160像素；
填充：2px；
}
a:悬停{
颜色：耐火砖；
}





所有列表项都按照您的定义从右侧绝对定位5px：预期结果是什么？我只想将所有li项在导航栏内向右移动一点移动绝对定位，并将文本对齐放置在ul上。您可能应该了解定位：-您已定义所有li位于ul右侧5px处-这就是为什么它们堆叠，因此无需使用绝对位置；只需设置左边距以列出项目，将其向右移动一点：或在其容器上设置左边距。最简单的方法是将
位置：绝对
放在`.navbarMenu{text align:right；}中没有问题。很高兴我能帮忙！如果我想将列表项压缩得更紧，比如twitters navbar，最简单的方法是什么？请将代码放入实际答案中-链接可能会消失，这对未来的用户没有任何用处。这看起来像是一个单独的问题。你应该为此提出一个新问题。我不确定我是否理解这个问题，但我认为您希望将
.navbarMenu li
的
左边距减少为
30px
而不是
160px