无效的html标记

Question

我有像这样的HTML代码

<ul>
  <li>Text</li><br>
  <li>Text</li><br>
</ul>

我想要的是，每个li元素之后的换行符都可以使用此代码完成。但问题是当我去W3C进行html5验证时，它显示错误 元素br不允许作为元素ul的子元素在此上下文中 。

所以我理解br不能用作ul的子元素。我想知道有没有其他方法可以得到与上面相同的结果？如果可以在css中完成，我很乐意。

提前致谢。

Answer 1

默认情况下，<li>元素为display: list-item，这会导致它们生成一个块框，因此您将在它们之后得到一个中断。将display属性设置回list-item以恢复它们。

如果实际上意味着你想要边距，而不是简单的换行符，那么使用CSS margin属性来设置它。

Answer 2

您可以在css中使用margin-bottom

ul li {
   margin-bottom: 20px; // As per your requirement
}

Answer 3

<强> HTML

<ul>
   <li class="one">Text</li>
   <li class="one">Text</li>
</ul>

<强> CSS

 <style>
        .one
        {
            line-height: 40px;
        }
 </style>