列表全角邊框

Question

我遇到了一個問題與CSS +列表。

對於我的名單上有以下代碼：

<ul class="subMenuUL"> 
    <li>SUBMENU ITEM 1</li> 
    <li>SUBMENU ITEM 2</li> 
    <li>SUBMENU ITEM 3</li> 
    <li>SUBMENU ITEM 4</li> 
    <li>SUBMENU ITEM 5</li> 
    <li>SUBMENU ITEM 6</li> 
    <li>SUBMENU ITEM 7</li> 
</ul> 

隨着CSS：

.subMenuUL 
{ 
    margin-left: 20px; 
    width: 250px; 
} 

.subMenuUL li 
{ 
    border-top: 1px solid #edbb98; 
    color: #5f5f5f; 
} 

的問題是，我想邊界擴展列表圖像上面，但它唯一無二在文本上。有沒有辦法解決這個問題，導致邊界延伸到左邊？

Answer 1

用途：

.subMenuUL li { 
    border-top: 1px solid #edbb98; 
    color: #5f5f5f; 
    list-style-position: inside; 
}