css - 使 sub ul 和 li 内联

Question

我正在开发一个导航菜单。在那里我添加了第二个子菜单。所以我无法让第二个子菜单与子菜单内联

我的代码只是在 jsfiddle 中，以使你们易于理解。我知道它有点 CSS 变化。但我还没有找到解决方案。任何人都可以给我一个建议。

这是我的代码

    <ul>
    <li>item one</li>
    <li style="display:inline-block;">item two two two two two
        <ul>

            <li>Item sub</li>
        </ul>
    </li>
    <li>item three three</li>
</ul>

jsFiddle 链接

Answer 1

这是你要找的吗？

JSFIDDLE

clear: left从辅助 uls中删除并添加display:inline-block到主 lis。

还添加 span 元素来包装文本并将它们向左浮动，以便辅助 ul li 元素可以浮动在同一行上。