html - 列表全尺寸边框

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