Positioning bottom border underneath the bullet of an ordered list

border, css, html, html-lists

Solution

Add:

ol {
    list-style-position: inside;
}

See it here: http://jsfiddle.net/G34yN/8/

You'll probably want to modify the left padding a bit.

Problem

http://jsfiddle.net/G34yN/7/ Anybody know how to position bottom border underneath the bullet of an ordered list? ``` 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> ```

Original source