将底部边框定位在有序列表的项目符号下方

时间:2012-05-31 00:40:05

标签: html css html-lists border

http://jsfiddle.net/G34yN/7/

有人知道如何在有序列表的子弹下方放置底部边框吗?

ol li {
    list-style-type:decimal;
    border-bottom: 1px solid #000;
    padding-left: 20px;
    margin-left: 20px;
}

<ol>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ol>

1 个答案:

答案 0 :(得分:8)

添加:

ol {
    list-style-position: inside;
}

请在此处查看:http://jsfiddle.net/G34yN/8/

您可能希望稍微修改左侧填充。