html - 是否允许 ul 在 html 或 xhtml 中插入内联 li？

Question

注意子 ul 的 li 是 display:inline - 代码示例如下

<style type="text/css">
ul.nav_main li { display: inline }
ul.nav_submenu li { display: block }
</style>

<ul class="nav_main">
    <li>Item 1
        <ul class="nav_submenu">
            <li>Option 1</li>
            <li>Option 2</li>
        </ul>
    </li>
</ul>

Answer 1

CSS 不影响 HTML 源代码的有效性。然而，它可能会导致不可预知的结果，因为浏览器会尽力将 UL 放置在内联元素中(即使它是有效的!)

无论如何，随时欢迎您 to check it yourself