在css菜单中显示内联块

我试图用display:inline块使我的网站的菜单元素彼此相邻。我在CSS菜单的不同部分尝试过它，比如“cssmenu li”等等，但它不起作用。有人知道怎么帮我吗

CSS:

#cssmenu{
边界：无；
边界：0px；
利润：-17px；
填充：0px 0px 0；
字体系列：“时代新罗马”，Verdana，Helvetica，无衬线；
字号：19px；
字体大小：无；
浮动：左；
宽度：600；
左边距：300px；
z指数：999；
位置：固定；
}
#cssmenu ul{
背景：#fff；
高度：30px；
列表样式：无；
保证金：0；
填充：0；
}
#cssmenu li{
显示：块；
浮动：左；
填充：0px；
}
#cssmenu li a{
背景：#fff url（'separator.png'）右下角无重复；
字体大小：正常；
线高：35px；
边际：0px；
填充：0px 25px；
文本对齐：居中；
文字装饰：无；
}
#cssmenu>ul>li>a{
颜色：#000；
}
#cssmenu ul a{
颜色：#000；
}
#cssmenu li>a:悬停，
#cssmenu ul li：悬停>a{
背景：#fff url（'hover.png'）底部中心不重复；
颜色：#ddd；
文字装饰：无；
}
#cssmenu li ul{
显示：无；
背景：#fff；
高度：自动；
填充：0px；
边际：0px；
边界：0px；
位置：绝对位置；
宽度：225px；
z指数：200；
/*顶部：1米*/
/*左：0px*/
}
#cssmenu li：悬停ul{
显示：块；
}
#cssmenu li li{
背景：url（'sub_sep.png'）左下角无重复；
浮动：自动；
边际：0px；
显示：块；
填充：0px；
宽度：225px；
背景：#hhurl（'hover_sub.png'）中间偏左，不重复；
边界：0px；
颜色：#000；
}
#cssmenu li：悬停li a{
背景：无；
颜色：#000；
字体：“新罗马时代”，Verdana，Helvetica，无衬线；
字体大小：15px；
文本对齐：居中；
}
#cssmenu li ul a{
显示：块；
高度：35px；
字体大小：12px；
字体风格：普通；
边际：0px；
填充：0px 10px 0px 15px；
文本对齐：左对齐；
}
#cssmenu li ul a：悬停，
#cssmenu li ul li:悬停>a{
背景：#fff url（'hover_sub.png'）中间偏左不重复；
边界：0px；
颜色：#000；
文字装饰：无；
}
#cssmenu p{
清除：左；
}

您可以使用#cssmenu li{display:inline block；}和#cssmenu li a{padding:0 16px；}来创建它，但您的html是错误的。再次检查你的ul和li。你需要：

<div id="cssmenu">
    <ul>
        <li class="has-sub">
            <a></a>
            ...
        </li>
        <li class="has-sub">
            <a></a>
            ...
        </li>
        <li class="has-sub">
            <a></a>
            ...
        </li>
    </ul>
</div>

...


...


...

您是否可以提供一些测试html，可能是在，以便能够测试出错误？删除您的

左边的空白

？我需要留空白，去掉也没用。我对JSFIDLE不太熟悉，似乎无法像现在在我的网站上那样获得它：。你可能想在我的网站上查看一下：如果你使用的是内联块，请注释掉元素之间的空白，你说的“注释掉空白”是什么意思？即使我也能看到。UL正在一次又一次地生成！看起来他正在使用某种循环来生成结果，如果你查看页面源代码，你可以在doctype之前注意到一些代码，我相信这会造成混乱。谢谢大家，我现在已经更正了html代码！但是display:inline块似乎仍然不起作用。有人想看看我做了什么？真的很感激！没关系，我会删除CSS菜单。实际上并不是真的需要它：）不管你想要什么，但你只需要像我说的那样将填充减少到16px，并移除

上的float left。