Свойство list-style-position задает положение маркера в списке.
Свойство применимо к тегам <dd>, <dt>, <li>, <ol> и <ul>.
Значение свойства list-style-position
- outside - маркер располагается за пределами списка,
- inside – маркер располагается внутри границ списка - его обтекает текст,
- inherit - принимает значение свойства родительского элемента.
Значение по умолчанию
- outside
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство list-style-position </title>
</head>
<body>
<ul style="list-style-position:inside; width:250px">
<li> Маркеры располагаются внутри списка.
<li> Текст обтекает маркеры.
</ul>
<ul style="list-style-position:outside; width:250px">
<li> Маркеры вынесены за пределы границ списка!
<li> Вот так!
</ul>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title> Свойство list-style-position </title>
</head>
<body>
<ul style="list-style-position:inside; width:250px">
<li> Маркеры располагаются внутри списка.
<li> Текст обтекает маркеры.
</ul>
<ul style="list-style-position:outside; width:250px">
<li> Маркеры вынесены за пределы границ списка!
<li> Вот так!
</ul>
</body>
</html>
Результат
