HTML <li> 不能进入 <div>答案

【问题标题】：HTML <li> can't go in <div>HTML <li> 不能进入 <div>
【发布时间】：2018-03-19 17:15:01
【问题描述】：

我目前正在为一个学校项目编写一个网站，我有一个在 div 中的鼠标悬停时会增长的框。一个增长 div 的示例：

    <div class="grow">
         <div class="title3">Experience</div> 
         <div class="mainbox">
         <p class="text">Sample text.</p>
        </div>
    </div>

在这里，我需要<li> 来列出我的行业认证，但它不会验证。所以我尝试了这个：

  <div class="grow">
          <div class="title3">Experience</div> 
         <div class="mainbox">
         <p class="text"><li>
         <ul>Sample</ul>
         <ul>Sample</ul></li></p>
        </div>
    </div>

但这并不能验证。我应该怎么做呢，还是有其他不错的选择来代替看起来不错的列表？

【问题讨论】：

这是<ul> <li> </li> </ul> 而不是<li> <ul> </ul> </li> 。
<ul> = 无序列表，<li> = 列表项。这些项目像@Dai 建议一样在列表中。
奇怪，这是我今天第二次看到有人在列表中翻转 ul 和 li。 <li> 必须是 <ul> 或 <ol> 的子级。不可能反过来。

标签： html list tags w3c w3c-validation

【解决方案1】：

您在 LI 中包含 UL，您需要还原。首先你需要添加 UL，在这个标签里面，添加你需要的 LI。

<div class="grow">
          <div class="title3">Experience</div> 
         <div class="mainbox">
         <ul>
            <li>Sample 1</li>
            <li>Sample 2</li>
            <li>Sample 3</li>
          </ul>
        </div>
    </div>

【讨论】：

当然！我犯了一个愚蠢的错误，谢谢你的帮助。

【解决方案2】：

UL 包装 LI。

<ul><li>....</li></ul>

【讨论】：