HTML<li>进不去<div>

Question

我目前正在为一个学校项目编写一个网站，并且我有一些在鼠标悬停时生长的框，它们位于 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>

但这并不成立。我应该怎么做，或者除了看起来不错的列表之外还有其他好的选择吗？

Answer 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>

Answer 2

UL 包装 LI。

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

HTML<li>进不去<div>

HTML <li> can't go in <div>

html

tags

w3c

list

w3c-validation