list-style-position
Sets a variable that indicates how the list-item marker is drawn relative to the content of the object.
sPosition
String that specifies or receives one of the following values:
outside | Default. Marker is placed outside the text, and any wrapping text is not aligned under the marker. |
inside | Marker is placed inside the text, and any wrapping text is aligned under the marker. |
The property has a default value of outside. The cascading style sheet property is inherited.
The following example uses the list-style-position property to set the position for markers. This example uses the UL and UL.COMPACT elements as selectors in an embedded (global) style sheet to set the position of the list-item markers:
<style>
ul {list-style-position:inside}
ul.compact {list-style-position:outside}
</style>
</head>
<body>
<ul>
<li>...
<li>...
</ul>
<ul class=compact>
<li>...
<li>...
</ul>
This property is defined in Cascading Style Sheets (CSS), Level 1 (CSS1).