css - 内联显示列表项的问题

Question

我一直在尝试获取 this webpage 上的链接显示 inline 使用:

<style type="text/css">
ul#nav li.top {
 display:inline;
}
</style>

但是，它似乎只适用于一些 链接，即使它们都是具有 .top 类的 li 元素。如果有人能向我解释为什么这不起作用，我将不胜感激。

Answer 1

li元素中有一些表格。表格是 block 元素，它们关闭最后一个行内框。删除表格或使用 display: inline-block。