列出全尺寸边框

Question

我遇到了css + list的问题。

对于我的列表，我有以下代码：

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