Для зміни відстані між маркером списку та текстом використовуйте властивість padding-left для селектора li, як показано в прикладі 1.
Приклад 1. Відстань від маркера до тексту
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Відстань між маркером та текстом</title> <style> li { padding-left: 20px; /* Відстань від маркера до тексту */
}
</style>
</head>
<body> <hr> <ul> <li>Чебурашка</li> <li>Крокодил Гена</li> <li>Шапокляк</li>
</ul> <hr>
</body>
</html>Результат цього прикладу показаний на рис. 1. Тут відстань від маркерів до тексту задано як 20 пікселів.
Мал. 1. Відстань між маркерами та текстом списку
Негативне значення для padding-left використовувати не можна, тому мінімальна відстань, що задається, дорівнює нулю. Але навіть у цьому випадку невеликий вихідний проміжок між маркером і текстом залишиться. ol) встановлено властивість list-style-position зі значенням inside.