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.
Usage example
ul.compact-list {
/* Makes the bullet sit inside the regular text flow */
list-style-position: inside;
}Initial value
outside
Inherited
Yes
Applies to
listItems
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+