Додайте властивість margin-left до селектору UL або OL, відповідно, для маркованого або нумерованого списку. Браузер Firefox, Safari і Chrome одночасно з відступами додає до списку поля (властивість padding), тому для однакового відображення списку в різних браузерах необхідно обнулити значення padding.
Для зміни відстані між маркером списку і текстом використовуйте властивість padding-left для селектора LI.
За допомогою HTML або CSS допускається встановлювати один з трьох типів маркерів: disc (точка), circle (коло), square (квадрат). Додавати ці значення потрібно до стильового властивості list-style-type, яке вказується для селектора UL або LI.
Щоб задати свій малюнок маркера, скористайтесь стильовим властивість list-style-image, в якості значення якого вказується url, а в дужках — шлях до бажаного зображенню.
Для цієї мети застосовується стильове властивість list-style-type значення none. Його слід додати до селектору UL або LI.
Існує два способи зміни кольору маркерів, умовно назвемо їх простий і хитрий. Простий метод полягає в тому, що всередину контейнера <li> вкладаємо тег <span>, а вже всередину нього вміщуємо текст. Іншими словами замість традиційної схеми <li>текст</li> створюємо конструкцію <li><span>текст</span></li>. При цьому колір маркерів визначається стильовою властивістю color для селектора LI, а колір тексту — для селектора SPAN.