CSS list-style-position Property

The list-style-position property specifies the position of the list item marker in relation to the content of the list item. It is often more convenient to use the shorthand list-style.

Formal syntax: inside | hanging | outside

list-style-position: inside;
list-style-position: hanging;
list-style-position: inside;

• insideMarker is placed inside the text, and any wrapping text is aligned under the marker.
• hangingAs inside, except the marker is instead placed immediately before the first text or significant whitespace in the list item or its children.
• outsideMarker is placed outside the list item, and any wrapping text is not aligned under the marker.
• inherit

.class {
   list-style-position: inside;
}

1+

6+

1+

1+

8+

• Share on Facebook
• Share on Twitter
• Share on Google+