CSS GUIDE LIST-STYLE-POSITION
The list-style-position property specifies the position of the marker box in the principal block box.
- Initial value: outside
- Applies to: elements with 'display: list-item'
- Inherited: yes
- Percentages: N/A
- Media: visual
- Computed value: as specified
list-style-position: inside | outside | inherit
- The marker box is outside the principal block box.
- The marker box is the first inline box in the principal block box, after which the element's content flows.
Mozilla Recommended Values
<ul> <li style="list-style-position: inside; border: 1px solid #000;">Border color helps to see the difference</li> </ul> <ul> <li style="list-style-position: outside; border: 1px solid #000;">Border color helps to see the difference</li> </ul>
Rendering of above code: