Свойство list-style-position

Свойство list-style-position устанавливает то, как будет отображаться маркер списка: внутри или снаружи списка ul или ol.

Синтаксис

селектор {
	list-style-position: inside | outside;
}

Значение	Описание
inside	Маркер находится внутри списка.
outside	Маркер находится снаружи списка.

Значение по умолчанию: outside.

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-position: inside;
	border: 1px solid red;
	width: 200px;
	padding-left: 0;
	margin-left: 10px;
}

<ul>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
	<li>list item</li>
</ul>

ul {
	list-style-position: outside;
	border: 1px solid red;
	width: 200px;
	padding-left: 0;
	margin-left: 10px;
}