邊框樣式

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> 

結果：