Как убрать маркеры в списке?
Чтобы скрыть отображение маркеров в списке применяется стилевое свойство list-style-type со значением none. Его следует добавить к селектору ul или li, как показано в примере 1.
Пример 1. Список без маркеров
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Убираем маркеры в списке</title> <style> li { list-style-type: none; /* Убираем маркеры */ } ul { padding-left: 0; /* Сдвигаем список влево */ } </style> </head> <body> <ul> <li>Север</li> <li>Юг</li> <li>Запад</li> <li>Восток</li> </ul> </body> </html>
Результат данного примера показан на рис. 1.
Рис. 1. Список без маркеров
Маркеры хотя и не отображаются в списке, но текст при этом всё равно оказывается сдвинут вправо. Чтобы управлять положением элементов списка, для селектора ul в данном примере добавлено свойство padding-left с нулевым значением.
Автор: Влад Мержевич
Источник: webref.ru