The list-style-position property specifies whether a list item's marker box is placed inside or outside the principal block box.ul {
list-style-position: inside;
}.indented-list {
list-style: square inside;
padding-inline-start: 0;
}insideThe marker box is an inline element at the start of the list item's contents — text wraps around it.outsideThe marker box is placed outside the principal block box on the inline-start side. The marker does not scroll with the content (default value).CSS Lists and Counters Module Level 3Editor's DraftW3CMDN
