전체 크기 테두리보기

Question

CSS + 목록에 문제가 있습니다. 내 목록

나는 다음과 같은 코드가 다음 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> 

을 :

.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; 
}