边框样式

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> 

结果：