The List-Style-Position Property

The list-style-position property specifies the position of the list item label: inside or outside the list box.

Name:	list-style-position
Value:	inside | outside
Initial:	outside
Applies to:	elements with display property value "list-item"
Inherited:	yes
Percentages:	N/A

This property has two values:

• inside

• outside This is the default.

Outside places the label outside the list-item box aligned with the first line of text. Inside places the label inside the list item box aligned with the first line of the text. The latter value creates a more compact list. Figure 6.5 compares the results of the two methods, along with the code that produced the results.

Figure 6.5. (a) A list with labels outside the box; (b) a list with labels inside the box.