CSS list-style-position

The CSS list-style-position property is used for specifying the position of list items.

Syntax:	list-style-position: <value>;
Possible Values:	If the browser/user agent doesn't recognise the type it should use decimal. inside - the bullets appear inside the principle block box of the list outside - the bullets appear outside the principle block box of the list inherit
Initial Value:	outside
Applies to:	List item elements
Inherited:	Yes
Media:	Visual
Example:	`ul { list-style-position: inside }`
Try it yourself!	HTML Editor <style type="text/css"> ul.outside { border:1px solid #000000; list-style-position: outside } ul.inside { border:1px solid #000000; list-style-position: inside } </style> <h4>Can you tell the difference?</h4> <ul class="outside"> <li>list-style-type</li> <li>list-style-position</li> <li>list-style-image</li> </ul> <ul class="inside"> <li>list-style-type</li> <li>list-style-position</li> <li>list-style-image</li> </ul>

Enjoy this website?

Link to this page (copy/paste into your own website or blog):
<a href="http://www.quackit.com/css/properties/css_list-style-position.cfm">CSS list-style-position</a> from Quackit.com
Add this page to your favorite social bookmarks sites:
Add this page to your Favorites