列表项嵌套在另一个列表项中。如何将它们带到另一个之下

Question

我想要的是让嵌套<li>完全低于上述<li>。

codepen.

Answer 1

将以下内容添加到您的css文件中：

#A ul {
  margin:0;
  padding:0;
}

您还需要将text-align:center;更改为text-align:left;中的#B li

Answer 2

设置ul的宽度并将li设为显示块。

ul {
   width: 100px;           
}

ul li {
   display: block;
}