list-style-position
Determines whether the list bullet appears inside or outside the text block. 'inside' makes the bullet part of the first line of text, while 'outside' keeps it in the margin.
Quick example
ul.compact-list {
/* Makes the bullet sit inside the regular text flow */
list-style-position: inside;
}Quick facts
Initial value
outsideInherited
Yes
Applies to
list items
Animation type
discrete
Values
insideoutside list-style-position Browser Support
Widely available Since 2015 96% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2015.
Safe to use without fallbacks.
1+
1+
1+
12+