使子ul和li内联

时间:2013-07-12 14:29:26

标签: css

我正在开发导航菜单。在那里,我正在添加第二个子菜单。所以我无法使用子菜单

内联第二个子菜单

我的代码只是在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 link

1 个答案:

答案 0 :(得分:2)

这就是你要找的东西吗?

JSFIDDLE

从辅助用户移除clear: left并将display:inline-block添加到主要用户。

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