css - 嵌套列表的边框样式

Question

在我的 HTML 文档中，我有一个带有样式的嵌套列表:

li {
    list-style-type:none;
    border:1px solid;
    margin:3px;
}

li li {
    list-style:none;

}


<ul>
  <li>something
    <ul>
      <li>hello</li>
      <li>there</li>
    </ul>
  </li>
</ul>

我当前的 CSS 规则边框看起来像这样:

我希望它们看起来像这样，但不插入 <span>标签:

有什么想法吗？

Answer 1

也许是这样的:

li {
    clear: both;
    width: 200px;
    list-style-type:none;
    border:1px solid;
    margin:3px;
}
li ul{
    float: left;
}


<ul>
  <li>something
    <ul>
      <li>hello</li>
      <li>there</li>
    </ul>
  </li>
  <li>something
    <ul>
      <li>hello</li>
      <li>there</li>
    </ul>
  </li>
</ul>

结果: